箭頭函式的基本使用及特性

2021-10-06 13:05:32 字數 715 閱讀 7149

箭頭函式:也是一種定義函式的方式,新潮的函式寫法注:箭頭函式需注意部分

1,箭頭函式不能用new

2,箭頭函式如果返回值是乙個物件,一定要加()

普通:const show = () =>

返回值為物件:

const show = () => ()

3,箭頭函式中的this指向的是上一層函式的主人

箭頭函式this問題:

匿名函式中的this是window,而箭頭函式中的this會往外找,如果外層是匿名函式那就是this,如果外層還是箭頭函式,那就再往外找

箭頭函式指向外層的this,外層this是function的this 指向window

let person =

show:()

=>

}

es6中的箭頭函式格式:

const

ccc=

(引數列表)

=>

放入兩個引數需帶()

const

sum=

(num1,num2)

=>

放入乙個引數不需要帶()

const

power

= num =>

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

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

箭頭函式的使用

需求 每過1秒顯示隱藏教育 test click destoryvm destory vmbutton v show isshow 教育p div new vue mounted 1000 錯誤原因 這裡setinterval呼叫匿名函式後導致this傳送改變,變成了window new vue m...

this指向及箭頭函式

this 指向問題 一般情況下this的最終指向的是那個呼叫它的物件。1 全域性作用域或者普通函式中this指向全域性物件window 注意定時器裡面的this指向window 全域性作用域或者普通函式中this指向全域性物件window 注意定時器裡面的this指向window console.l...