javascript - 如何在带有 Babel 的 WebStorm 中使用没有构造函数的 javaScript 类？

Question

此代码适用于 http://jsbin.com (ES6/巴别塔)

 class Human {
    gender = 'male';
    prnG = ()=> {
        console.log(this.gender)
    }
}

class Person extends Human {
    name = 'Ana';
    gender = 'female';
    prnN = ()=> {
        console.log(this.name);
    }
}

const hum = new Human();
hum.prnG(); // "male"

const person = new Person();
person.prnG(); // "female"
person.prnN(); // "Ana"

如何在带有 Babel 设置的 WebStorm 中使用没有构造函数的类，以通过构造函数和属性(this.gender = 'male')在 ES6 中进行转换？

Answer 1

您需要transform-class-properties Babel 插件用于此。

• npm 我 babel-plugin-transform-class-properties babel-preset-env --save-dev

• 在.babelrc中:

{ “插件”:[ “变换类属性” ], “预设”:[ “环境” ]}