Skip to content

函数的扩展

箭头函数

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
let f1 = v => v;

// 等同于
let f2 = function (v) {
  return v;
}

console.log(f1(2))
console.log(f2(2))
// 2
// 2

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

1
2
3
4
5
6
7
8
9
var f = () => 5;
// 等同于
var f = function () { return 5 };

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

如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。

1
var sum = (num1, num2) => { return num1 + num2; }

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

1
2
3
4
5
// 报错
let getTempItem = id => { id: id, name: "Temp" };

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