javascript 箭头函数与function函数区别

再入坑

今天整vue时又入了箭头函数的坑,记得以前学习过,很久没搞又忘记了,记录下:

mounted: ()=>{
    console.log("ipcRenderer", ipcRenderer, this);
  },

vue页面的mounted调用后,this始终是undefined,最后一番查资料搜索,发现这里需要用function声明函数才可以访问到vue实例的this...

mounted: function(){
    console.log("ipcRenderer", ipcRenderer, this);
},

箭头函数与function函数的主要区别:

1.箭头函数的this只与代码块上下文有关,function函数的this才与调用者有关。
2.箭头函数不能使用arguments对象,是可以使用剩余参数语法来获取函数的参数。普通函数声明可以使用arguments对象来获取函数的参数。
3.箭头函数不能使用yield关键字,因此不能用作生成器函数。普通函数声明可以使用yield关键字来定义生成器函数。
4.箭头函数是匿名的,function函数可以有名称。

切记切记

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容