博客

箭头函数和普通函数的区别是什么

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

一、箭头函数和普通函数的区别是什么？

1. 箭头函数没有this，它会从自己的作用域链的上一层继承this，因此无法使用apply/call/bind进行绑定this值；
2. 不绑定arguments，当在箭头函数中调用arguments时同样会向作用域链中查询结果。
3. 不可以使用yield命令，因此箭头函数不能作Generator函数。
4. 不可以使用new命令，因为普通构造函数通过new实例化对象时this指向实例对象，而箭头函数没有this值，同时箭头函数也没有prototype.

new 关键字会进行如下的操作：

function newFunc(father, ...rest) {
  var result = {}; // 创建一个空的简单的JavaScript对象
  result.__proto__ = father.prototype; // 添加_proto_属性
  var result2 = father.apply(result, rest); // 将新创建的对象作为this的上下文
  if (
    (typeof result2 === 'object' || typeof result2 === 'function') &&
    result2 !== null
  ) {
    return result2;
  }
  return result;
}

二、箭头函数带来的好处

1. 没有箭头函数的时候，函数闭包 var that = this 的事没少干，有了箭头函数，就不需要这么写了。
2. 极简语法，函数式风格