200216-學習紀錄-ES6-箭頭函式基本認識

參考網站:

1. 箭頭函式
2. 鐵人賽：箭頭函式 (Arrow functions)
3. 彭彭課程-箭頭函式 (Youtube會員)

1.(參數列表)=>(回傳值)

//傳統的函式宣告
let add=function(n1+n2){
    return n1+n2;
};

//箭頭函式的寫法1
let add=(n1,n2)=>{
    return n1+n2;
};

2.(參數列表)=>{函式內部程式}

//傳統的函示宣告
let add=function(n1+n2){
    return n1+n2;
};

//箭頭函式的寫法2
let add=(n1,n2)=>{
    return n1+n2;
};

延伸範例:

1.

let f=()=>(5);    //f=5
let result=f();   //回傳5放進result中
console.log(result);  
//請問result變數中的資料是?
//result=5

2.

let f=(message)=>{
    console.log(message);   //目前會顯示undifined 因為沒有回傳值
};
f("Hello,Arrow");
//請問呼叫f函式之後的效果是?  
//呼叫函式中，因為()內有加入資料,所以會回傳並透過console.log顯示 Hello,Arrow

匿名函式:

//在排程中使用"傳統方式"撰寫"匿名函式"
   setTimeout(function(){
       console.log("過了一秒");
   },1000);

//在排程中使用"箭頭函式"，撰寫"匿名函式"
   setTimeout(()=>{
       console.log("過了一秒");
   },1000);