美文网首页
ES6——箭头函数学习笔记

ES6——箭头函数学习笔记

作者: 小二子SAMA | 来源:发表于2019-05-08 11:45 被阅读0次
  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箭头函数简介

    @(JS技巧)[ES6|箭头函数] ES6箭头函数(Arrow Functions) ES6可以使用“箭头”(=>...

  • es6全家桶(二)—— 箭头函数

    es6全家桶(二)—— rest参数、箭头函数 箭头函数 ES6 允许使用“箭头”(=>)定义函数。 var f ...

  • es6、js、css、jquery、vue以及程序设计 知识点总

    es6 列举常用的es6特性。 箭头函数this的指向。 eg:箭头函数的特性 箭头函数内部没有construc...

  • ES6新特性5:函数的扩展之箭头函数

    箭头函数在ES6中最常用的特性,学习好至关重要,特别在Vue项目和React项目。 箭头函数:ES6中使用(=>)...

  • 箭头函数

    ES6允许使用“箭头”(==>)定义函数。 箭头函数 等同于

  • 学习 ES 6 箭头函数

    箭头函数的用法 ES6 允许使用“箭头”(=>)定义函数。 箭头函数的一个用处是简化回调函数。 箭头函数 this...

  • JavaScript箭头函数

    ES6新语法箭头函数 箭头函数是ES6新语法,因为语法简单、可读性好,所以使用的也很多。箭头函数也是匿名函数,区别...

  • 关于ES6箭头this的指向问题

    ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的...

  • ES6箭头函数(Arrow Functions)

    箭头函数是什么?(What) 箭头函数 (Arrow Functions)也称“胖箭头函数”,是ES6全新的特性。...

  • 2019-01-11

    ES6 箭头函数 箭头函数表示法:()=>console.log('Hello') 箭头函数和普通函数的区别 和普...

网友评论

      本文标题:ES6——箭头函数学习笔记

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