码迷,mamicode.com
首页 > 其他好文 > 详细

ES6的箭头函数使用

时间:2019-08-26 15:06:37      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:因此   generator   turn   函数写法   yield   代码块   new   括号   一个   

ES6允许使用=>定义函数,箭头函数使得表达更加简洁,例如

// 正常函数写法
[1,2,3].map(function (x) {
  return x * x;
});

// 箭头函数写法
[1,2,3].map(x => x * x);

定义方式

1. 一行代码可以省略代码块花括号{}

var f = () => 5;
//等同
var f = function () {
    return 5
}

2. 一个参数可以省略函数的小括号()

var f = v => v;
//等同
var f = function f(v) {
    return v
}

3. 多个参数多行代码常规写法

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
    return num1 + num2;
};

注意事项

  1. 函数体内的this,指向定义时的对象,而不是使用时的对象
  2. 不能当作构造函数,不能使用new命令
  3. 不能使用arguments对象,可以使用rest参数代替
  4. 不可使用yield命令,因此箭头函数不能用作Generator

ES6的箭头函数使用

标签:因此   generator   turn   函数写法   yield   代码块   new   括号   一个   

原文地址:https://www.cnblogs.com/chenqionghe/p/11412137.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!