js变量的解构赋值

今天在学习时看到几段代码，让我感叹JS的灵活，特此一记：

let stateObj = {a:1,b:3};

let newObj = {b:13,c:4} ;

stateObj = {...stateObj, ...newObj} ;

console.log(stateObj); 
// 输出 {a: 1, b: 13, c: 4}

let {a = 0} = {a:1,b:3} ;

a = a + 1 ;

console.log(a) ;   
// 输出2

//ES6 允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。
const foo = 'bar';

const baz = {foo};

console.log(baz);  

//输出{foo: "bar"}

let data = {count:{m:11}} ;

let {count:{ n=9}} = data ;

console.log( n); //可以访问 ，因为n是全局对象
console.log( count) ; //不可以访问，因为是匿名对象，无法引用

上面的这个例子，要注意 { count:{m:11}} 中m是count对象的一个属性，{count : {m=11}} 中m不是count对象的属性，m=11只是执行了一个代码段，相当于定义了一个全局变量，所以在外面可以访问。

秒客网