5 ES6解構賦值 函式篇

2022-03-14 09:45:46 字數 717 閱讀 8101

函式引數的解構賦值

function

sum(x, y)

sum(1,2);//3//

解構賦值

function

sum([x, y])

console.log( sum([1,2]) );//

3

函式引數解構賦值的預設值

function fun( ={}) 

console.log( fun({}) );

//[0,0]

console.log( fun() ); //

[0,0]

console.log( fun() ); //

[100,0]

console.log( fun() ); //

[100,200]

函式引數的解構賦值的預設值undefined

function fun( = ) 

console.log( fun({}) );

//[undefined,undefined]

console.log( fun() ); //

[0,0] 沒傳引數實際上是物件的解構賦值

console.log( fun() ); //

[100,undefined]

console.log( fun() ); //

[100,200]

ES6 解構賦值

陣列的解構賦值 let a,b 12,13 let a,b,c d 13,15,16 let a,b c 78,12 23 let x,y 1,3,5 x 1,y 3 let x,y,z a x a,y undefined z let h,b 1,2,3,4 1,2,3,4 預設值 let x tr...

ES6解構賦值

一 基本用法 解構 destructuring 按照一定的模式,從陣列或者物件中提取值,對變數進行賦值。let par1,par2,par3 1,2 console.log par1,par2,par3 1 2 不完全解構時par3對值為undefined 解構賦值允許指定變數對預設值。let pa...

es6解構賦值

coding changes the world accumulating makes yourself 主要從三個方面講述 陣列式的解構賦值 物件式的解構賦值 函式中的解構賦值 preface 現今的變數宣告語法十分的直接 左邊是乙個變數名,右邊可以是乙個陣列 的表示式或乙個物件 的表示式,等等。...