rest 引數與擴充套件運算子
1.rest 引數
es6 引入 rest 引數(形式為...
變數名),用於獲取函式的多餘引數,這樣就不需要使用arguments
物件了。rest 引數搭配的變數是乙個陣列,該變數將多餘的引數放入陣列中。
function add(...values)return sum;
}add(2, 5, 3) // 10
上面**的add
函式是乙個求和函式,利用 rest 引數,可以向該函式傳入任意數目的引數。
2.擴充套件運算子
擴充套件運算子(spread)是三個點(...
)。它將乙個陣列或物件轉為用逗號分隔的引數序列。
對陣列console.log(...[1, 2, 3])
// 1 2 3
console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5
[...document.queryselectorall('div')]
// [, , ]
對物件let = ;
x // 1
y // 2
z //
3.分析
rest 引數與擴充套件運算子可以理解為互為逆運算
箭頭函式 rest引數與擴充套件運算子
一 基本用法 箭頭函式的基本語法是 var 函式名 引數1,引數2 例如一下兩端 進行函式宣告的功能是一樣的 var f1 num1,num2 var f2 function num1,num2 f1 1,2 3f2 3,4 7 箭頭函式也可以與物件混合使用。注意變數的屬性需要用花括號括起來。基本語...
物件擴充套件運算子( )與rest運算子
當編寫乙個方法時,我們允許它傳入的引數是不確定的。這時候可以使用物件擴充套件運算子來作引數,看乙個簡單的列子 function xzdemo arg xzdemo 1,2,3 這時我們看到控制台輸出了 1,2,3,undefined,這說明是可以傳入多個值,並且就算方法中引用多了也不會報錯。我們先用...
ECMAScript 擴充套件運算子與rest引數
一 擴充套件運算子與rest引數 運用1.擴充套件運算子 把陣列或者類陣列展開成用逗號隔開的值 擴充套件運演算法 function foo a,b,c let arr 1 2,3 foo arr 陣列合併 let arr1 1 2,3 let arr2 4 5,6 es5的做法 array.prot...