箭頭函式引數解構

2022-01-26 07:08:24 字數 708 閱讀 8810

var elements =[

'hydrogen',

'helium',

'lithium',

'beryllium'];

elements.map(

function

(element) );

//返回陣列:[8, 6, 7, 9]

//上面的普通函式可以改寫成如下的箭頭函式

elements.map((element) =>);

//[8, 6, 7, 9]

//當箭頭函式只有乙個引數時,可以省略引數的圓括號

elements.map(element =>);

//[8, 6, 7, 9]

//當箭頭函式的函式體只有乙個 `return` 語句時,可以省略 `return` 關鍵字和方法體的花括號

elements.map(element => element.length); //

[8, 6, 7, 9]

//在這個例子中,因為我們只需要 `length` 屬性,所以可以使用引數解構

//需要注意的是字串 `"length"` 是我們想要獲得的屬性的名稱,而 `lengthfoobarx` 則只是個變數名,

//可以替換成任意合法的變數名

elements.map(() => lengthfoobarx); //

[8, 6, 7, 9]

箭頭函式與解構賦值

const firts 這就等同於 function first all 為認為最為典型的列子是dva中connect的寫法 connect 如果你將變為乙個引數 比如a,再在箭頭函式中列印出a,就可以看到其實a是所有的model如果返回的是乙個物件的話,我們需要用圓括號將其包起來 const se...

函式引數解構

函式引數解構 給函式提供實參的時候,可以在集合型別前使用 把集合型別的解構解開,提取所有元素作為函式的實參 非字典型別使用 解構成位置引數 字典型別使用 解構成關鍵字引數 提取出來的元素數目要和引數的要求匹配,也要和引數的型別匹配 def add x,y return x y add 4,5 9 a...

ES6 箭頭函式 ,物件的函式解構

es6 箭頭函式 es6 中的箭頭函式和擴充套件 es5的寫法 function add a,b add 1,2 3 function add1 a,b 1 return a b uncaught error a is zero 主動丟擲異常 嚴謹模式 function add a,b consol...