polymer - 如何在 Polmyer 2.x 中获取 mixin 中所有属性的列表？

Question

我有一个 mixin 和一个使用它的类，但是在 mixin（或类本身）中，我似乎无法获得所有属性的列表。this.config是undefined，并且this.constructor.config只给我当前类中的属性列表（而不是 mixin 本身中的属性）。

有关更详细的示例，请参见下文。

const myMixin = subclass => class extends subclass {

    static get config() {
        return {
            properties: {
                mixInVariable: {
                    type: String,
                }
            }   
        }
    }   

    constructor() {
        super();
        console.log(this.constructor.config.properties);
    }

}

class ContainerGrid extends myMixin(Polymer.Element) {

    static get is() { return 'container-grid' }

    static get config() {
        // properties, observers meta data
        return {
            properties: {
                something: {
                    type: String
                }
            }
        };
    }

}

customElements.define(ContainerGrid.is, ContainerGrid);

在控制台中，我只看到变量something. 如何获取所有属性的列表（例如mixInVariable和something）？

Answer 1

从constructor, 用于super.constructor.config.properties访问继承的属性。

class XFoo extends MyMixin(Polymer.Element) {
  ...

  constructor() {
    super();
    console.log('constructor(): ', super.constructor.config.properties);
  }
}

从get properties()，使用super.config.properties。

class XFoo extends MyMixin(Polymer.Element) {
  ...

  static get properties() {
    console.log('get properties(): ', super.config.properties);
  }
}

密码笔