ES6學習 箭頭函式

2022-08-13 07:42:20 字數 1979 閱讀 5232

語法非常簡潔，箭頭就是這個樣：=>

原來的函式寫法：

function


show()
變成箭頭函式：

let show=()=>1;
箭頭左邊的括號就是這個括號：

1就是return的1

說白了，就是箭頭左邊是引數，右邊是返回值。函式名用變數表示。

例：

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


如果有多條語句：


語句;return


例：
let show=(a=1,b=2)=>


如果加個延遲：


這是因為settimeout是由


window


執行的，所以裡面的


this


就是window


，window


沒有定義


id（在全域性中用


var定義的才屬於


window


，用let


和const


不屬於），所以是


undefined


。用箭頭函式就可以解決這個問題：


結論：箭頭函式中的this表示定義函式所在的物件，不再是執行時所在的物件。


可以用剩餘引數...來解決：


ES6學習 箭頭函式
定義 params1,params2,params3.其中 中的內容為傳入箭頭函式的引數，為函式內的內容。規範 1 引數部分 1 如果有多個引數，不能省略 如果引數個數不明，可以用.rest表示，但是.rest必須放在最後 2 如果只有乙個引數，可以省略 3 如果沒有引數，那麼可以用 表示 eg 2...


es6箭頭函式
本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...


es6 箭頭函式
1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...