es6新特性展開操作符「 」

2021-09-17 01:20:43 字數 681 閱讀 4889

展開操作符:「…」允許乙個表示式在某處展開,在存在多個引數(用於函式呼叫),多個元素(用於陣列字面量)或者多個變數(用於解構賦值)的地方就會出現這種情況。

如果在之前的js中想讓乙個函式把乙個陣列一次作為引數進行呼叫時:

function test (x,y,z){};

var args =[1,2,3];

使用「···」時:

var args =[1,2,3];

test(...args);

var arr1=[1,2,3];

var arr2=[4,5,6];

var arr3 =arr1.concat(arr2);

console.log(arr3);

使用「…」時

let arr1=[1,2,3];

let arr2=[4,5,6];

let arr3 =[...arr1,···arr2];

console.log(arr3);

物件的展開運算子

let vivian = ;

vivian =;

console.log(vivian);

//[object object]

ES6特性之 Spread操作符

spread操作符 也稱作展開操作符,作用是將可迭代的 iterable 物件進行展開。比如有2個陣列,我們要將其中乙個陣列中所有元素插入到另乙個陣列中,通過spread操作符,就可以這樣進行 var shoppinglist t shirt fruits,egg 我們看到,通過在shoppingl...

es6新特性 ES6新特性(一)

var 1 var宣告的是函式作用域 區域性 但在if for等定義的變數是全域性的 2 var 具有變數提公升,預解析 3 在同乙個作用域下,var可以宣告多次 4 var 宣告的變數會掛載到window上 let1 let不存在變數提公升,在變數使用之前,必須要先宣告 2 let在同一作用域下,...

ES6的擴充套件操作符

es6中的擴充套件操作符實際上與rest引數非常相似。前者是.後者則是.變數名。那它們主要的區別我個人認為主要是兩個 rest引數使用在函式的引數定義時,擴充套件操作符使用在函式呼叫時。function foo items console.log 1,2,3,4,5 這裡的.就是擴充套件操作符擴充套...