vue中或箭頭函式中,this的指向問題

2021-09-11 10:46:35 字數 410 閱讀 2306

首先,在vue所有的生命週期鉤子方法(如beforecreate,created,beforemount,mounted,beforeupdate, updated,beforedestroy以及destroyed)裡使用this,this指向呼叫它的vue例項,即(new vue)。

其次,箭頭函式沒有自己的this, 它的this是繼承而來; 預設指向在定義它時所處的物件(宿主物件),而不是執行時的物件。

以下四個例子詳細解釋:

data:,

methods:,

group1:()=>,

group2:function())

},group3:function())}},

})$(function())

vue中的箭頭函式的作用

首先,在vue所有的生命週期鉤子方法 如beforecreate,created,beforemount,mounted,beforeupdate,updated,beforedestory以及destoyed 裡使用this,this指向呼叫它的vue例項,即 new vue 其次,箭頭函式沒有自...

箭頭函式中的this

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

箭頭函式中的this

首先說this的問題對於大多數新手來說都是個問題,現在由於es6的普及,箭頭函式也是深受大家的喜愛,箭頭函式中的this又是如何的?由於個人寫作水平有限,直接上乾貨 箭頭函式中的this是區域性的,怎麼理解呢?一般我們都知道,this是呼叫時確定的,確定於執行時的環境。個人理解箭頭函式中的this是...