1. 程式人生 > >10th week task -3 Arrow function restore

10th week task -3 Arrow function restore

Arrow function restore

為什麼叫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());