这两个功能有区别吗？ [复制]

Question

我下载了一个开源js代码，开发者经常用这种方式创建新函数：

var log = msg => div.innerHTML += "<br>" + msg;

那么，和下面这个有区别吗？

function log(msg){
   div.innerHTML += "<br>" + msg;
}

Answer 1

箭头函数和function foo() {} 函数之间存在一些差异。见https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions。

我能想到的几个：

• function foo() {} 函数 定义 被提升，这意味着您可以在包含其定义的范围内的任何位置调用此类函数。对于包含函数的变量，情况并非如此，只有 声明 被提升
• 箭头函数在词法上绑定this，简单来说就是它们没有引入自己的this变量。相反，它们只是从封闭范围中关闭最近的 this 变量
• 箭头函数没有 arguments local variable 可在正文中使用

综上所述，考虑到上述注意事项，您展示的两个函数在大多数情况下的行为应该相同。