js箭頭函式

2021-10-18 16:45:23 字數 687 閱讀 4294

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

1、基礎語法

(param1, param2, …, paramn) => 

(param1, param2, …, paramn) => expression

//相當於:(param1, param2, …, paramn) =>

// 當只有乙個引數時,圓括號是可選的:

(singleparam) =>

singleparam =>

// 沒有引數的函式應該寫成一對圓括號。

() =>

2、高階語法

//加括號的函式體返回物件字面量表示式:

params => ()

//支援剩餘引數和預設引數

(param1, param2, ...rest) =>

(param1 = defaultvalue1, param2, …, paramn = defaultvaluen) =>

//同樣支援引數列表解構

let f = ([a, b] = [1, 2], = ) => a + b + c;

f(); // 6

js箭頭函式

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

js 箭頭函式

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

js 箭頭函式

引數1,引數2,引數n 引數1,引數2,引數n 表示式 單一 相當於 引數1,引數2,引數n 當只有乙個引數時,圓括號是可選的 單一引數 單一引數 沒有引數的函式應該寫成一對圓括號。加括號的函式體返回物件字面表示式 引數 支援剩餘引數和預設引數 引數1,引數2,rest 引數1 預設值1,引數2,引...