es6的新語法,解構賦值簡單應用

2022-09-07 22:09:25 字數 1075 閱讀 8485

參考該鏈結

var =c

//等價於

var c = ;

var = c; // a = c.a; b = c.b

console.log(a) //結果some code

//取出 c 裡面的a的值,必須是a要為c裡面有a這個物件才行。

//a 的位置不固定也可以這樣

var = c;

console.log(a)//結果some code

一、陣列解構(為什麼叫解構我也不懂)
let [a,b,c] = [1,2,3];

console.log(a);//1

console.log(b);//2

console.log(c);//3

//直接定義陣列

二、物件解構
let person = ;

// 以前的取值方法:person.name、person.age、person.***

// 現在的方法:

// 要匹配變數名(變數名位置可發生變換):

let = person;

console.log(name);//lisi

console.log(age);//30

console.log(***);//男

// 這種方法不可行 因為沒有定義person.a、person.b、person.c所以肯定是undefined

let = person;

console.log(a);//undefined

console.log(b);//undefined

console.log(c);//undefined

//別名賦值:

//自己理解(也就是把原來的person.name, 的name重新命名為myname,person.age= myage命名為myage)

let = person;

console.log(myname);//lisi

console.log(myage);//30

//交換name和age的位置無礙。

ES6新語法 解構賦值

物件解構賦值 很重要 物件解構賦值 獲取元素中屬性的值,然後賦值給變數 宣告乙個物件 let obj es5中 let name1 obj.name let age1 obj.age let gender1 obj.gender let score1 obj.score console.log na...

ES6語法 解構賦值

按照一定的模式,從陣列和物件中提取值,對變數進行賦值,就被稱為解構。目的是為了提高效率,使用起來更加方便。以下的各個說明,我會模擬著es5去解釋,希望能幫到小夥伴們。陣列解構 正常解構 es5 var arr 1,2,3 var a arr 2 console.log a 3 es6 let a,b...

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