ES6 rest引數和擴充套件運算子

2022-05-03 07:27:07 字數 669 閱讀 3419

function

rest(...values)

return

sum;

}add(1,2,3)//

6

function

rest(a,...b,c)

//報錯

函式的length屬性不包括rest引數。

(function(...a){}).length  //

0

例:

console.log(1,...[2,3,4],5) //

1 2 3 4 5

es5寫法

math.max(...[14,3,7]) //

es6寫法

用於合併陣列:

[1,2].concat(more) //

es5[1,2, ...more] //

es6

let [first,...rest]=[1,2,3,4,5];

first //1

rest //

[2,3,4,5]

如果將擴充套件運算子用於陣列複製,只能放在引數最後一位,否則會報錯

[...rest,last]=[1,2,3,4,5]

//報錯

es6 rest引數與擴充套件運算子

es6引入rest 引數,用於獲取函式的實參,用來代替arguments es5 獲取實參的方式 function date date 小明 小紅 小張 結果為乙個物件es6中rest引數 function date args date 小明 小紅 小張 結果為乙個陣列,此時即可以使用陣列api的方...

ES6系列 4之擴充套件運算子和rest運算子

運算子可以很好的為我們解決引數和物件陣列未知情況下的程式設計,讓我們的 更健壯和簡潔。運算子有兩種 物件擴充套件運算子與rest運算子。1 解決引數個數問題 以前我們程式設計是傳遞的引數一般是確定,否則將會報錯或者異常,如下 function test a,b,c,d test 1,2,3,4 引數...

擴充套件運算子和rest運算子

擴充套件運算子用三個點號表示,功能是把陣列或類陣列物件展開成一系列用逗號隔開的值 一 拆分陣列 擴充套件運算子可以直接把陣列拆分成用逗號隔開的值 template section class p 10 el button type danger click get 點選 el button sect...