ECMAScript 6展開運算子的幾種用法

function

fn(a, b, c)
const args =[0
,1,2
];fn.(
null
, args)
;

function

fn(a, b, c)
const args =[0
,1,2
];fn(
...args)
;

const a1 =[0

,1,2
];const a2 =
[...a1]
;console.
log(a2)
;//[0, 1, 2]

const arr1 =

['a'
,'b'
,'c'];
const arr2 =
[...arr1,
'd']
;cosole.
log(arr2)
;//['a', 'b', 'c', 'd']

const

[first,
...rest]=[
1,2,
3,4,
5];console.
log(first)
;// 1
console.
log(rest)
;// [2, 3, 4, 5];
//將擴充套件運算子用於陣列賦值，只能放在引數的最後一位，否則會報錯

const nodelist = document.

queryselectorall
('div');
const array =
[...nodelist]
;

const str =

[...
'hello'];
console.
log(str )
;// ["h", "e", "l", "l", "o"]

const numbers =[9

,3,6
,2,7
];math.
max(
...numbers)
;// 9
math.
min(
...numbers)
;// 2

EcmaScript 6 箭頭函式

es5 var total values.reduce function a,b 0 es6 var total values.reduce a,b a b,0 箭頭即乙個函式的簡化 es5 confetti btn click function event es6 confetti btn cli...

ECMAScript6掃盲筆記 一

ecma組織推出的ecmascript是乙個標準 協議 js是協議的實現。ecmascript簡稱ecma或es。目前使用最多的是es5.1，es6正式推出是在2015年。就醬 es6 es2015 相容性 es6 es2015 支援 ie10 chrome firefox 移動端 nodejs。和...

ECMAScript6 常用解構賦值

一 解構賦值按照一定模式，從陣列和物件中提取值，對變數進行賦值 1.陣列解構let arr 1 2,3 現在要求取出陣列的每一項 傳統的方式 let a arr 0 let b arr 1 let c arr 2 console.log a,b,c 1,2,3 在es6中提供了解構的語法 可以得到陣...