箭頭函式使用與this的指向

2021-10-08 12:03:22 字數 1365 閱讀 8982

箭頭函式與一般的函式一致,是對一般函式的簡化,方便書寫。格式為:(引數列表) => {};

當引數列表中只存在乙個引數時,可以將小括號省略

當函式**塊中只存在一行**時,可以不寫大括號,直接將該行**顯示出來。同時,當函式存在返回值時,直接返回要返回的變數,不需要再寫關鍵字return

lang

="en"

>

>

charset

="utf-8"

>

>

箭頭函式title

>

head

>

>

>

// 箭頭函式格式:(引數列表) => {}

const

show=(

)=>

;show()

;// 放入多個引數

const

sum=

(num1, num2)

=>

;sum(10

,40);

// 放入乙個引數時,可以省略小括號

const

power

= num =>

;power(5

);// 在函式**塊中只包含一行**,不需要寫return

const

mul=

(num1, num2)

=> num1 * num2;

console.

log(

mul(20,

40));

script

>

body

>

html

>

在一般函式中this指的就是window,但是在箭頭函式中查詢this是通過外層作用域一層一層來查詢

lang

="en"

>

>

charset

="utf-8"

>

>

this指向title

>

head

>

>

>

const obj =

)settimeout((

)=>)}

} obj.

fun(

)script

>

body

>

html

>

箭頭函式this的指向

什麼是箭頭函式,箭頭函式是es6的新特性,其出現就是為了更好的表示 代替 函式 箭頭函式 arg1,arg2 當箭頭函式只有乙個引數 arg1 console.log arg1 箭頭函式隱式return arg1 arg1 等價於 arg1 return arg1箭頭函式的this不同於以上所有情況...

箭頭函式this的指向

什麼是箭頭函式,箭頭函式是es6的新特性,其出現就是為了更好的表示 代替 函式 箭頭函式 arg1,arg2 當箭頭函式只有乙個引數 arg1 console.log arg1 箭頭函式隱式return arg1 arg1 等價於 arg1 return arg1箭頭函式的this不同於以上所有情況...

函式 箭頭函式的this指向

在箭頭函式中,this與封閉詞法環境的this保持一致。在全域性 中,它將被設定為全域性物件 var globalobject this var foo this console log foo globalobject true 接著上面的 作為物件的乙個方法呼叫 var obj console ...