[ES6 JavaScript] ES6 宣告函式的寫法:箭頭函式

[ES6 JavaScript] ES6 宣告函式的寫法:箭頭函式

JavaScrip 在 ES6 中提供了 新的 宣告函式 的寫法,為 箭頭函式,此宣告方式比原本使用 functoin 字串來進行函式的宣告來的更 精簡,下面來看看如何使用 箭頭函式 來進行函式的宣告吧:


箭頭函式 基本的宣告方式如下:

(參數)=>(回傳結果)

編碼範例:

let test = (a,b)=>(a+b);

console.log(test(1,2));

上面的編碼如同:

let test = function(a,b){
 return a + b ;
}

console.log(test(1,2));

(參數)=>(回傳結果) 這種方式宣告的函式會直接 return 執行結果,使用上也非常的直覺


箭頭函式 還有另一種宣告方式,如下:

(參數)=>{執行的程式編碼}

注意後方的括弧為 中括弧

編碼範例:

let test = (a,b)=>{
 console.log(a+b);
}

test();

上面的編碼如同:

let test = function(a,b){
 console.log(a+b);
}

test();


提醒:

所有的 箭頭函數 都是 匿名函式

參考連結:

MDN web docs : 箭頭函數 (Arrow Function)

Facebook 功能: