JavaScript的ES6版本新增语法：解构赋值

解构赋值

解构赋值 就是声明标识符 按照某种数据模型(对象和数据) 解析并赋值给声明的标识符
解构：按照数据模型取出数据源的数据 ，赋值：然后赋值给模型变量

它的步骤就是解析数据源 然后按照数据模型进行取值，在赋值给变量，相当于声明变量的高级写法

变量修饰符 数据模型 = 数据源

//隐式操作：var a = arr[0], var b = arr[1], 后面的一样
var [a, b, c] = arr;

// 隐私操作：var name = arr[0], var agr = arr[1].age
var [name, {age}] = arr;

var arr=[{age:30}]
function fn () {
// arr[0].age是在取值，而等号右边又在赋值，这种写法是不对的，在初学使用时，就有可能会出现这种错误
let arr[0].age=90;//写法错误
let [{age}]=80;//这个样子写才是正确的
}

//这里的age已经有初始值了，所以在后面没有赋值的情况下，这里打印出来的是初始值20
// 而name1并没有赋值，所以是undefined
let obj={age:20}
let {age,name1}=obj
console.log(age,name1)

// 当有初始值，但是后面又赋值undefined的时候，打印的还是初始值，这是一个小bug但是没法改
// 赋值是0或者null都是没有问题的，只有undefined有问题且赋值只能在let {a=10}=obj之前赋值
//这里的隐式是操作:let a=10;  a=obj.a; 
let obj={a:undefined}
let {a=10}=obj

// 这也是个解构赋值的，没有赋值就是初始值20
function fn({a = 20}){}