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);}
是,但如何使用箭头函数?