函式(function)

箭頭函式在 JavaScript 中改寫原本 function 的撰寫方式。除了較短的語法外,它們在保持this 關鍵字範圍方面也有優勢 參見這裡,此外在 ESLint 中官方也建議使用箭頭函式取代傳統寫法。

函式 (function) 又稱方法 (method),用於程式碼過多重複時定義一個方法來去重複呼叫他來解省我們的開發效率,以下為範例:

原本寫法

// 使用有名稱的函式
function sum(a, b){
    return a+b;
}

// 常數指定為匿名函式
const sum = function(a, b) {
    return a+b;
}

變成

const sum = (x, y) => {
  return x + y;
};

console.log(sum(1, 3)); 

output: 4

撰寫方式

1. 當你在宣告時若沒有傳入值(arguments),必須放空括號。
const callMe = () => { 
    console.log('Max!');
}
2. 當只有一個傳入值(arguments),可以省略括號。
const callMe = name => { 
    console.log(name);
}
3. 當函式有回傳時可濃縮一行
const doubleNum = num => num * 2;

console.log(doubleNum(5));

相等於

const doubleNum = (num) => {
  return num * 2;
};
console.log(doubleNum(5));

output: 10

文章分享來源:https://andy6804tw.github.io/2017/12/19/js-tutorial-psrt2/

您也可能喜歡這些文章

使用fullPage.js設計單頁式選單滑動區塊的全屏滾動網站

Demo | 官網 經常能見到單頁式使用選單滑動區塊的網站,我們稱為全屏滾動網站(也稱為單頁網站),尤其是國外網站。這些網站用幾幅很大的圖片或色塊做背景,再添加一些簡單的內容,顯得格外的高端大氣上檔次。比如iPhone 5C的介紹頁面(查看)。如果你也希望你的網站能設計成全屏的,顯得更上檔次,你可以試試fullPage.js。