ES6——箭头函数学习笔记

  1. 箭头函数的参数使用()包含,如果只有一个参数则可以省略(),
() => {...}
(a, b, c) => {...}
x => {...}
  1. 箭头函数的代码段使用{}包含,如果只有一条返回语句,则可以省略{return ...},如果返回值为对象,因为对象的{}会被解析成代码段,所以需要在对象外面包裹一层()
x => x
// 等价于
function(x) {
    return x;
}
() => ({a:1, b:2})
(a, b) => {
    let c = a + b;
    return c;
}

3.箭头函数支持解构赋值和扩展运算

({a,b}) => a + b;
// 等价于
function(obj) {
    returm obj.a + obj.b;
}
(...rest) => rest;
  1. 箭头函数的this是静态的,继承自外层代码块的this,因为其不具有自己的this,所以不能使用apply、call、bind等方法改变this。
  2. 箭头函数不能作为构造函数使用,即不使用new命令。
  3. 箭头函数不包含arguments对象,可以使用rest替代,也没有super、new.target变量,分别指向外层函数的对应变量。
  4. 箭头函数不能作为Generator函数,不可以使用yield命令。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ES6允许使用“箭头”(=>)定义函数。 上面的箭头函数等同于: 如果箭头函数不需要参数或需要多个参数,就使用一个...
    小冕阅读 206评论 0 0
  • 函数参数的默认值 基本用法 ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数lo...
    oWSQo阅读 257评论 0 0
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    陈老板_阅读 469评论 0 1
  • JavaScript的相关语法知识:1、函数(important)基本上所有的高级语言(C、OC、JavaScri...
    天山雪莲_38324阅读 652评论 0 2
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,519评论 0 1