es6解構賦值

2021-10-14 12:02:03 字數 472 閱讀 1318

es6中允許從陣列中提取值,按照對應位置,對變數賦值,物件也可以實現解構

陣列解構

let [a, b, c] = [1, 2, 3];

console.log(a)//1

console.log(b)//2

console.log(c)//3

//如果解構不成功,變數的值為undefined

物件解構
let person = ; 

let = person;

console.log(name); // 'zhangsan'

console.log(age); // 20

let = person; // myname myage 屬於別名

console.log(myname); // 'zhangsan'

console.log(myage); // 20

小結

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 現今的變數宣告語法十分的直接 左邊是乙個變數名,右邊可以是乙個陣列 的表示式或乙個物件 的表示式,等等。...