箭頭函式中的this

2022-08-02 20:15:20 字數 503 閱讀 6120

首先說this的問題對於大多數新手來說都是個問題,現在由於es6的普及,箭頭函式也是深受大家的喜愛,箭頭函式中的this又是如何的?

由於個人寫作水平有限,直接上乾貨

箭頭函式中的this是區域性的,怎麼理解呢?一般我們都知道,this是呼叫時確定的,確定於執行時的環境。個人理解箭頭函式中的this是沒有繫結的,也就是說根本不繫結this,所以說我們平時用的時候需要特別注意,當我們在箭頭函式中使用了this,那這個this則會像作用域鏈一樣一層一層的尋找,直到找到window(瀏覽器中)。show the code

function

foo()

}}//

輸出6

其實箭頭函式中也不繫結arguments,當在箭頭函式中使用了arguments則會像this一樣一層一層往上尋找show the code:

function

foo()

}}foo(1, 2, 3)()()//6

//

箭頭函式及箭頭函式中this的使用

1.定義函式的方式 function const aaa function 3.es6中的箭頭函式 const ccc 引數列表 3.1 有乙個引數 括號可省略 const sum num1 3.2 有兩個引數 const sum num1,num2 3.3 函式 塊中有多行 時 依次寫 const...

箭頭函式中的this

箭頭函式有幾個使用注意點。1 函式體內的this物件,就是定義時所在的物件,而不是使用時所在的物件。2 不可以當作建構函式,也就是說,不可以使用new命令,否則會丟擲乙個錯誤。3 不可以使用arguments物件,該物件在函式體內不存在。如果要用,可以用 rest 引數代替。4 不可以使用yield...

ES6 函式 箭頭函式 箭頭函式中的this

1,es6中,函式新增哪些特性 支援引數有預設值,支援剩餘引數,支援引數展開運算,新建箭頭函式 ie不支援箭頭函式 2,支援引數預設值 在為傳引數值或傳遞的引數值是undefined的情況下,引數取預設值。引數b有預設值 hello function test a,b hello 未傳引數給引數b ...