美文网首页日常刻书
ES6 中的箭头函数

ES6 中的箭头函数

作者: F_wind | 来源:发表于2021-01-19 09:08 被阅读0次

《深入理解ES6》阅读随笔

在 ES5 的函数中,有一个在编程中极易出错的地方,那就是 this ,尤其是出现多层嵌套或者多次引用时,由于结构混乱,更容易出现异常。而在 ES6 中,在声明函数时,可以改用箭头函数的形式来有效避免 this 所带来的混乱,因为箭头函数中去掉了对 this 依赖,并且代码结构也更加简洁易懂。下面是一个简单的例子:

// ES5
function plus(a, b) {
  return a + b;
}
console.log(plus(2, 3));    // 输出 5
// ES6 
const plus = (a, b) => a + b;
console.log(plus(2, 3));    // 输出 5

整体来说,箭头函数主要有以下更新:

  1. 去掉了 this、call、apply、bind、new.target 等;
  2. 不可以通过 new 关键字来实例化;
  3. 函数体内去掉了 arguments ;
  4. 不可定义重复形参;

相关文章

网友评论

    本文标题:ES6 中的箭头函数

    本文链接:https://www.haomeiwen.com/subject/amqqzktx.html