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函数可以有名称。

切记切记