ES6 babel

Question

//如下代码，哪里写错了吗？为什么用babel的时候报错~~
报错语句：static a = "yeah!";

//module.js

let myName = "Tom";
let myAge = 20;
let myfn = function () {
    return "My name is" + myName + "! I'm '" + myAge + "years old."
}
let myClass = class myClass {
    static a = "yeah!";
}
export {
    myName,
    myAge,
    myfn,
    myClass
}

//index.js

'use strict';
import {
    myName,
    myAge,
    myfn,
    myClass
} from "./module.js";
console.log(myfn()); // My name is Tom! I'm 20 years old.
console.log(myAge); // 20
console.log(myName); // Tom
console.log(myClass.a); // yeah!

Answer 1

ES6 的类默认不支持静态属性,Babel 转换默认也不支持静态属性.相关提案当前处于第 3 阶段,如果要 Babel 支持的话,需要使用插件.

• Static class features 提案
• Babel 插件 @babel/plugin-proposal-class-properties

Answer 2

static get a(){
    return "yeah!"
};

Answer 3

要使用class静态属性，需要 @babel/plugin-proposal-class-properties

Answer 4

解释看一楼，如何修改看二楼