js中的箭頭函式

2021-10-09 18:57:44 字數 1547 閱讀 1278

// 箭頭函式: 也是一種定義函式的方式

// 1.定義函式的方式: function

const

aaa=

function()

// 2.物件字面量中定義函式

const obj =

}// 3.箭頭函式

// const ccc = (引數列表) =>

const

ccc=()

=>

// 1.引數問題:

// 1.1.放入兩個引數或多個引數時

const

sum=

(num1, num2)

=>

// 1.2.放入乙個引數(簡單寫法:放引數的括號可以省去)

const

power

= num =>

// 2.函式中

// 2.1.函式**塊中有多行**時

const

test=(

)=>

// 2.2.函式**塊中只有一行**(簡單寫法:函式的{}大括號和return可以省去,它會預設執行那一行**,把值返回出去)

// const mul = (num1, num2) =>

const

mul=

(num1, num2)

=> num1 * num2

console.

log(

mul(20,

30));

// const demo = () =>

const

demo=(

)=> console.

log(

'hello demo'

)//hello demo

console.

log(

demo()

);//undefind

一般情況下什麼時候用箭頭函式:把乙個函式當成另乙個函式的引數傳給函式的時候。

箭頭函式的this怎麼指向的:向外層作用域中, 一層層查詢this,,直到有this的定義,就是這個this。

// 什麼時候使用箭頭

// settimeout(function () , 1000)

//// settimeout(() => , 1000)

// 問題: 箭頭函式中的this是如何查詢的了?

// 答案: 向外層作用域中, 一層層查詢this, 直到有this的定義.

// const obj = )

//// settimeout(() => )

// }

// }

//// obj.aaa()

const obj =

)settimeout((

)=>)}

)settimeout((

)=>

)settimeout((

)=>)}

)}} obj.

aaa(

)<

/script>

js箭頭函式

let func1 console.log func1 箭頭函式 入參為乙個時候可以省略括號 出值為乙個的時候可以省略 letfu2 x x x 函式體內的this物件,就是定義時所在的物件,而不是使用時所在的物件。this物件的指向是可變的,但是在箭頭函式中,它是固定的。var id 21 fun...

js箭頭函式

箭頭函式表示式的語法比函式表示式更簡潔,並且沒有自己的this,arguments,super或new.target。箭頭函式表示式更適用於那些本來需要匿名函式的地方,並且它不能用作建構函式。1 基礎語法 param1,param2,paramn param1,param2,paramn expre...

js 箭頭函式

箭頭函式的使用,我們在做vue或者angular專案的時候,定義的函式,很多時候會有作用域的問題,特別是在進行非同步請求的時候,就必須使用到箭頭函式 最簡單的箭頭函式 function change res 相當於 function change res 非同步請求使用箭頭函式 this.axios...