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

Javascript 意外字符=使用带有webpack/babel env预设的箭头函数时,javascript,webpack,ecmascript-6,babeljs,arrow-functions,Javascript,Webpack,Ecmascript 6,Babeljs,Arrow Functions,此语法有什么问题: export default class Pano { constructor() { this.buildReferences(); } buildReferences=()=> { console.log(window); } } 它正在抛出错误解析错误:意外标记= 我在其他项目中也使用过这个,所以我不确定发生了什么 类主体只能包含方法,不能包含数据属性 因此,当您在ES6类中时,buildRefe

此语法有什么问题:

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

    buildReferences=()=> {
        console.log(window);
    }
}
它正在抛出错误
解析错误:意外标记=

我在其他项目中也使用过这个,所以我不确定发生了什么

类主体只能包含方法,不能包含数据属性

因此,当您在ES6类中时,
buildReferences()
语法的工作方式与arrow函数语法类似

如果您想实际执行您试图执行的操作,则必须在另一个函数中执行,如构造函数:

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中工作。

更改为
buildReferences(){console.log(window);}
是,但如何使用箭头函数?