rest 引數與擴充套件運算子

2022-01-29 03:54:11 字數 778 閱讀 5062

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