es6对象赋值

1.解构赋值

let obj={

n1: 'p1',

n2: 'p2'

}

// //传统的写法 定义变量 使n1=obj.n1 n2=obj.n2

// let n1=obj['n1']

// let n2=obj['n2']

//变量名==属性名时

let { n1, n2}= obj //其实是它的简写：let {n1:n1,n2:n2}=obj={ n1:'p1',n2:'p2'}

console. log( n1, n2)

//变量名不等于属性名时

let { n1: x1, n2: x2}= obj

console. log( x1, x2) //p1 p2

let { n, m: m1}={ n: 'nn', m: 'mm'}

console. log( n, m1) // nn mm

2.对象数组嵌套

let obj={ a1:[ 1, 2, 3], a2: '123'}

//x=obj.a1[0]

//y=obj.a1[1]

let { a2, a1:[ x, y]}= obj

console. log( a2, x, y) //'123' 1 2

let obj1={ s:{ n: '1'}, n:[ 1, '2', 3, '4'], m:[[ 1]]}

let { m:[ x1], s:{ n}, n:[,... m2]}= obj1

console. log( x1, n, m2) // [1] '1' ['2',3,'4']

3.默认值

// let {x,y}={y:2}

// console.log(x,y)// undefined 2

let { x= 1, y}={ y: 2}

console. log( x, y) // 1 2

// let {m:n}={} //m:undefined

// console.log(n) //undefined

let { m: n= 4}={} //m:undefined

console. log( n) //4

//默认值生效的条件是对象的属性值必须是undefined 严格等于===

let { a: cc= 11}={ a: 12}

console. log( cc) //12

// let {v=3}={v:undefined}

// console.log(v) //3

let { v= 3}={ v: null}

console. log( v) //null

//如果解构模式嵌套的是一个对象，而且这个子对象所对应的父属性不存在，那么就会报错了

let { f:{ b}}={ b: 'bb'}

console. log( b) //Cannot destructure property `b` of 'undefined' or 'null'.

//说明：如果赋值的时候赋的不是一个对象，而是其他的数据类型的值，会将其他的数据类型的

//转换为对象

let { x, y}= 1

console. log( x, y) //undefined undefined

// 把1转换为对象咋转的呢

console. log( Object( 1)) //==>{__proto__:Number}

console. log( Object([ 1, 2, 3]))

let { length}=[ 1, 2, 3]

console. log( length) // 3

let { a}={ a: 'a'}

//JavaScript引擎会将{a}理解成一个代码块

//为了避免错误，不要讲{}写在行首

// 注意 ：null 和undefined 是无法转换为对象的，所以解构赋值时会报错