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只是执行了一个代码段，相当于定义了一个全局变量，所以在外面可以访问。

转载于:https://www.cnblogs.com/hzhuxin/p/9883765.html