ES6箭頭函式的寫法 Arrow function

出處: Youtube 彭彭的課程  JavaScript ES6:箭頭函式 Arrow Function

Udemy JavaScript、React、Flask、MongoDB 網站全端開發:從入門到進階

實作筆記

箭頭函式 =>

Javascript 的 ES6 標準新增一種箭頭函式 => 。 箭頭函數 =>讓函式整體來說看起來更簡潔了。

以下是原本Javascript的函式寫法

        let add = function(n1,n2){
            return n1+n2;
        };
        console.log(add(1,2));

第一種箭頭函式的寫法

        let add =(n1,n2)=>(n1+n2);
        console.log(add(1,2))  

第二種箭頭函式的寫法

        let add =(n1,n2)=>{
            return n1+n2;
        };
        console.log(add(1,2));

function被 =>給取代了

箭頭函式的運用,以下會印出100

     let f = ()=>(100);
     let result =f();
     console.log(result); 

箭頭函式的運用,以下d函式會印出Hi

    let d=(message)=>{
       console.log(message);
    };
    d("Hi");

匿名函示

以下是原本Javascript的匿名函式寫法

        setTimeout(function(){
            console.log("3秒後印出");
        },3000);

用箭頭函式寫匿名函示(function被 =>給取代了)

        setTimeout(()=>{
            console.log("3秒後印出");
        },3000);