ES6箭頭函式與普通函式的區別

2021-09-24 03:26:46 字數 445 閱讀 2893

箭頭函式:

1.由於大括號被解釋為**塊,所以如果箭頭函式直接返回乙個物件,必須在物件外面加上括號。

var get = id => ()
2.箭頭函式可以與變數解構結合使用

const full = () => first + ' ' + last

等於function full(person)

3.箭頭函式使得表示式更加簡潔。

使用箭頭函式需要注意幾點:

1.函式體內的this物件就是定義時所在的物件,而不是使用時的物件

2.不可以當做建構函式。也就是說不可以使用new命令。

3.不可以使用arguments物件,該物件在函式體內不存在。如果用,可以使用rest引數替代。

4.不可以使用yield命令,因此箭頭函式不能用作generator函式。

ES6中箭頭函式與普通函式this的區別

普通函式中的this 1.this總是代表它的直接呼叫者,例如 obj.func 那麼func中的this就是obj 2.在預設情況 非嚴格模式下,未使用 use strict 沒找到直接呼叫者,則this指的是 window 3.在嚴格模式下,沒有直接呼叫者的函式中的this是 undefined...

ES6箭頭函式解析,跟普通函式的區別

箭頭函式 let func name 等同於 let func function name 從上面可以看出,定義箭頭函式語法上要比普通函式簡潔得多。箭頭函式省去了function關鍵字,採用箭頭 來定義函式。函式的引數放在 前面的括號中,函式體跟在 後的花括號中,箭頭函式在引數和箭頭之間不能換行。如...

es6箭頭函式

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