javascript - 意外字符 = 当使用带有 webpack/babel env 预设的箭头函数时

Question

这个问题已经有答案了:

Arrow Function syntax not working with webpack? (5 个回答)

已关闭 5 年前。

这个语法有什么问题:

export default class Pano {
    constructor() {
        this.buildReferences();
    }

    buildReferences=()=> {
        console.log(window);
    }
}

它抛出错误 Parsing error: Unexpected token = .

我在其他项目中使用过它，所以我不确定发生了什么。

Answer 1

A class body can only contain methods, but not data properties

因此，当您在 ES6 类中时，buildReferences() 语法的工作方式类似于箭头函数语法。

如果你想实际做你想做的事情，你必须在另一个函数中完成它，比如构造函数:

class Pano {
    constructor() {

        // you can create a data property here and assign it a function
        this.buildReferences = ()=> {
            console.log("hello");
        }

        this.buildReferences();

    }

    // this is the syntax for a function in an ES6 class
    regularFunction(){

    }

}

let test = new Pano();

仅供引用:TypeScript 支持数据属性，因此您所做的事情可以在 Typescript 中工作。