ES6學習 箭頭函式

2021-08-01 15:14:59 字數 1024 閱讀 2631

定義:(params1,params2,params3..)=>

其中()中的內容為傳入箭頭函式的引數,{}為函式內的內容。

規範:1、引數部分:

1)如果有多個引數,不能省略(),如果引數個數不明,可以用...rest表示,但是...rest必須放在最後

2)如果只有乙個引數,可以省略()

3)   如果沒有引數,那麼可以用(),_表示  eg:() = > {}, _ = > {}

2、函式體部分:如果沒有{},則不用指定return

let a = 10;

let fun = function(x)

}let f = fun(2);

f(); // 4,捕捉的是fun的this

var c = ;

return f.call(b,v);

}};console.log(c.add(2)); //3

2)模擬於沒有自己的this,箭頭函式沒有自己的arguments,如果函式體內需要使用到arguments,則會向上搜尋到最近的名為arguments的變數。

var arguments = "heihei"

var arr = ()=>arguments;

console.log(arr()); // "heihei"

var fun = function()

console.log((fun(2))()); // 4

3) 在箭頭函式裡面不能使用yield 並且箭頭函式不能作為構造器

**規範:

1)當必須使用函式表示式或者傳遞乙個匿名函式時,使用箭頭函式

2)如果函式適合於在一行寫完,那麼省略花括號,圓括號和return,否則不要省略。

最後:箭頭函式的設計目的在於簡化函式的書寫,在鏈式呼叫和講函式作為引數傳遞的時候,更加簡潔。所以箭頭函式的應用場景往往是map(),reduce,filter()等組合函式中,或者在promise呼叫鏈中使用。

ES6學習 箭頭函式

語法非常簡潔,箭頭就是這個樣 原來的函式寫法 function show 變成箭頭函式 let show 1 箭頭左邊的括號就是這個括號 1就是return的1 說白了,就是箭頭左邊是引數,右邊是返回值。函式名用變數表示。例 let show a,b a b 如果有多條語句 語句 return 例 ...

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,...