js 之 箭頭函式 未學完

2022-07-28 10:33:24 字數 1014 閱讀 9457

js之箭頭函式表示式

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

(引數1, 引數2, …, 引數n) => 

(引數1, 引數2, …, 引數n) => 表示式(單一)

//相當於:(引數1, 引數2, …, 引數n) =>

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

(單一引數) =>

單一引數 =>

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

() =>

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

引數=> ()

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

(引數1, 引數2, ...rest) =>

(引數1 = 預設值1,引數2, …, 引數n = 預設值n) =>

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

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

f(); // 6

事例:

var materials =[

'hydrogen',

'helium',

'lithium',

'beryllium'];

materials.map(

function

(material) );

//[8, 6, 7, 9]

materials.map((material) =>);

//[8, 6, 7, 9]

materials.map(material => material.length); //

[8, 6, 7, 9]

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...