变量的解构赋值

变量的解构赋值
　　数组解构赋值
　　　　前后模式必须匹配
　　　　　　后面的值是什么格式前面的变量声明就是什么格式
　　　　　　后面的值是二维数组
　　　　　　前面声明的变量也得是二维格式
　　　　　　let [a,b,c] = ["45","56","67"];
　　　　　　console.log(a,b,c) //45 56 67
　　　　前多后少
　　　　　　前面声明的变量多，后面赋值的值少，解构不成功，就相当于只声明了变量，但没有赋值，解构不成功的变量值是undefined；
　　　　　　let [a,b,c] = [12,23]
　　　　　　console.log(a,b,c) // 12 23 undefine
　　　　前少后多
　　　　　　省略赋值
　　　　　　let [ , , c] = [45,56,67];
　　　　　　console.log(c) //67
　　　　　　不定参数解构赋值 使用... 叫 扩展运算符
　　　　　　let [a,d,...c] = [45,56,48,68]
　　　　　　console.log(c) //48 68
　　　　（扩展运算符要写在最后面）
　　　　带默认值
　　　　　　先给默认值再解构赋值？还是先解构赋值再给默认值？
　　　　　　let [x,y = (function(){console.log("你好"); return 10;})()] = [12,23]
　　　　　　console.log(y)
　　　　　　没有输出你好，说明不是先给默认值，而是先解构赋值，不再考虑默认值
　　　　　　所以，就是解构不成功的时候，才会走默认值。解构不成功就是没有定义；
　　　　　　var a = null a = [] a = {} a = "" 这都叫定义了；
　　　　　　var a = undefined 这叫没有定义
　　　　　　所有只有解构的时候，后面是undefined的时候，才会走默认值，否则后面给什么就赋值什么；
　　　　　　let [a = 12,b] = [[],45];
　　　　　　console.log(a) //[]
　　对象解构赋值
　　　　变量和属性必须同名，才可以解构赋值
　　　　let {name,age} = {name:"王一博",age:22}
　　　　console.log(name)//王一博
　　　　如果解构失败，值是undefined；
　　　　let {name,age} = {age:22};
　　　　console.log(name); //undefined
　　　　如果变量名跟属性名不一致
　　　　let {name:aa,age:bb} = {name:"张三",age:23};
　　　　console.log(aa)//张三
　　　　前面name是属性 ，后面aa是变量，解构的机制，是对应的属性值赋值给后面的变量
　　默认值
　　　　默认值跟数组解构的默认值一样，解构成功就直接赋值，解构不成功就是没有值，或者是undefined，就走默认值
　　　　　　var {x = 3} = {};
　　　　　　x // 3

　　　　　　var {x, y = 5} = {x: 1};
　　　　　　x // 1
　　　　　　y // 5

　　　　　　var {x: y = 3} = {};
　　　　　　y // 3

　　　　　　var {x: y = 3} = {x: 5};
　　　　　　y // 5

　　　　　　var { message: msg = 'Something went wrong' } = {};
　　　　　　msg // "Something went wrong"

　　对象解构赋值的注意点
　　　　{}前面不能没有东西 前面必须带声明变量的关键字
　　等号右边在什么情况下能解构？
　　　　等号右边的值只要带有length属性，都可以解构

字符串的解构赋值
　　const [a, b, c, d, e] = 'hello';
　　a // "h"
　　b // "e"
　　c // "l"
　　d // "l"
　　e // "o"

函数参数的解构赋值
　　函数参数的默认值
　　(带默认值的写后面 函数参数 等号左边是参数 右边是默认值 函数调用时不传参，走函数形参的默认值 ，如果传参，默认值就不走了，走实参)

　　 function move({x = 0, y = 0} = {}) {
　　return [x, y];
　　}
　　move({x: 3, y: 8}); // [3, 8]
　　move({x: 3}); // [3, 0]
　　move({}); // [0, 0]
　　move(); // [0, 0]

　　function move({x, y} = { x: 0, y: 0 }) {
　　return [x, y];
　　}
　　move({x: 3, y: 8}); // [3, 8]
　　move({x: 3}); // [3, undefined]
　　move({}); // [undefined, undefined]
　　move(); // [0, 0]

函数作用域
　　函数在调用的时候 ,会形成一个私有的作用域,在这个作用域下声明的变量和参数变量都是私有变量,外界访问不到,同时他在
　　操作相同的变量时,不会操作外部的；
　　形参就是赋值，没有变量提升


箭头函数
　　　只适用于匿名函数
　　let fn = function(){} 匿名函数
　　做回调函数 fn(12,funciton(){})
　　匿名函数：只要不是关键字function 声明的函数都叫匿名函数

　　let fn = (形参) => {函数体}
　　每个函数结束的时候一定要return
　　当只有一个 参数时，可以省略小括号()
　　当函数体只有一行代码 且 return xxx ；可以省略花括号 let fn = x => x //传一个x return一个x

箭头函数的优势
　　·箭头函数没有this指向
　　（　　函数中改变this指向的方法
　　　　　　1、在函数前提前赋值
　　　　　　2、在函数的结尾处{}.bind(this)
　　　　　　3、在函数结尾处{}.apply(this)或者是{}.call(this)
　　　　　　4、箭头函数 ）备注：箭头函数中的this指向当前父级
箭头函数获取参数 不能使用arguments 用...arg
箭头函数不能充当类


函数的角色
　　　　函数可以扮演 类 普通函数 function实例
　　类
　　每个类身上天生有一个prototype的属性，这个属性是一个对象，里面有一个constructor的属性，属性值是类(函数)本身
　　new 实例的时候其实就是调用constrctor函数

对象
　　每个对象天生有一个__proto__的属性，__proto__也是一个对象，这个对象也有一个constructor属性，属性值是他的类

注意：
　　object是所有对象的基类 包括window event等
　　普通函数的父类是Function
　　通过function定义的类，他的父类是Function
　　所有实例对象的__proto__都指向父类的原型prototype

对象.属性
　　首先看对象中私有的属性中有没有这个属性，有就直接用，没有就通过__proto__ 向他的父类的原型(prototype)上查找