Arrow function restore
阿新 • • 發佈:2018-11-11
Arrow function restore
var materials = [
'Hydrogen',
'Helium',
'Lithium',
'Beryllium'
];
console.log(materials.map(material => material.length));
寫出這個的標準函式形式,就像下面這個形式一樣
var selected = allJobs.filter(function (job) {
return job.isSelected();
});
var selected = allJobs.filter(job => job.isSelected()); 原文 https://www.cnblogs.com/yitaqiotouto/p/9932785.html
為什麼叫Arrow Function?因為它的定義用的就是一個箭頭:
x => x * x
上面的箭頭函式相當於:
function (x) { return x * x; }
箭頭函式相當於匿名函式,並且簡化了函式定義。箭頭函式有兩種格式,一種像上面的,只包含一個表示式,連{ ... }
和return
都省略掉了。還有一種可以包含多條語句,這時候就不能省略{ ... }
和return
:
x => {
if (x > 0) {
return x * x;
}
else {
return - x * x; } }
如果引數不是一個,就需要用括號()
括起來:
// 兩個引數:
(x, y) => x * x + y * y
// 無引數:
() => 3.14
// 可變引數:
(x, y, ...rest) => {
var i, sum = x + y; for (i=0; i<rest.length; i++) { sum += rest[i]; } return sum; }
如果要返回一個物件,就要注意,如果是單表示式,這麼寫的話會報錯:
// SyntaxError:
x => { foo: x }
因為和函式體的{ ... }
有語法衝突,所以要改為:
// ok:
x => ({ foo: x })
var materials = [
'Hydrogen',
'Helium',
'Lithium',
'Beryllium'
];
console.log(materials.map(material => material.length));
寫出這個的標準函式形式,就像下面這個形式一樣
var selected = allJobs.filter(function (job) {
return job.isSelected();
});
var selected = allJobs.filter(job => job.isSelected()); 原文 https://www.cnblogs.com/yitaqiotouto/p/9932785.html