es6 箭头函数

1.箭头函数

var f = v => v;

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

1.如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。


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

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

2.由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。


// 报错
let getTempItem = id => { id: id, name: "Temp" };

// 不报错
let getTempItem = id => ({ id: id, name: "Temp" });

3.下面是一种特殊情况,虽然可以运行,但会得到错误的结果。


let foo = () => { a: 1 };
foo() // undefined
 
原文地址:https://www.cnblogs.com/ygyy/p/10419832.html