这是我参与8月更文挑战的第7天，活动详情查看：8月更文挑战
let和const
let
let定义变量，变量不可以重复定义，但可以更改值
let name = 'zhangsan';
name = 'lisi';
console.log(name); // lisi
let name = 'wangwu';
注意： 再次定义，报错：Identifier 'name' has already been declared
具有块级作用域(块级作用域即大括号)
{
let a = 1;
console.log(); // 1
}
console.log(age); // 报错，此作用域中没有age的定义
for (let i = 0; i < 10; i++) {
// i 只能在此范围内使用，因为有块级作用域
}
console.log(i); // 报错，此作用域中没有i的定义
不会被预解析，简单来说先定义在使用
console.log(a);
let a = 0;
// 报错，a is not defined,此时还未定义a
let声明的变量不会压到window对象中，是独立的
let a = 100;
console.log(window.a); // undefined
注意：如果使用var声明了变量，也不能再次用let声明了，反之也是不行的。原因也是这个变量已经被声明过了。
const
使用const关键字定义常量，常量是不可变的，一旦定义，就不能修改它的值
// 1. 定义常量时，常量名一般大写
// 2. 常量是不可变的，一旦定义，则不能修改其值
const PI = 3.1415926；
PI = 3.14;
// 报错，常用一旦被初始化，则不能被修改
初始化常量时，必须给初始值
const PI;
// 报错，Missing initializer in const declaration
- 常量不能重新赋值
- 具有块级作用域
- 不会被预解析
- 常量也是独立的，定义后不会压入到window对象中
解构赋值
数组解构
变量和值一一对应
let arr = [5, 9, 10];
let [a, b, c] = arr;
console.log(a, b, c); // 输出 5 9 10
变量多，值少
let arr = [5, 9, 10];
let [a, b, c, d] = arr;
console.log(a, b, c, d); // 输出 5 9 10 undefined
变量少，值多
let arr = [5, 9, 10, 8, 3, 2];
let [a, b] = arr;
console.log(a, b); // 5, 9
按需取值
let arr = [5, 9, 10, 8, 3, 2];
let [, , a, , b] = arr; // 不需要用变量接收的值，用空位占位
console.log(a, b); // 10, 3
剩余值
let arr = [5, 9, 10, 8, 3, 2];
let [a, b, ...c] = arr; // ...c 接收剩余的其他值，得到的c是一个数组
console.log(a, b, c);
// 结果：
// a = 5,
// b = 9,
// c = [10, 8, 3, 2]
复杂的情况，只要符合模式，即可解构
let arr = ['lilei', 18, ['180cm', '70kg']];
let [, , [a, b]] = arr;
console.log(a, b); // 180cm 70kg
对象解构
默认要求变量名和属性名一样
let { foo, bar } = {foo: 'zhangmeimei', bar: 'lilei'};
console.log(foo, bar); // zhangmeimei, lilei
let {a, c} = {a: 'hello', b: 'world'};
console.log(a, c); // hello, undefined
可以通过:为变量改名
let {a, b:c} = {a: 'hello', b: 'world'};
console.log(a, c); // hello, world
变量名和属性名一致即可获取到值，不一定要一一对应
let {b} = {a: 'hello', b: 'world'};
console.log(b); // world
// 此时，没有定义变量a，所以使用a会报错
剩余值
let obj = {name:'zs', age:20, gender:'男'};
let {name, ...a} = obj;
console.log(name, a);
// 结果：
// name = zs
// a = {age: 20, gender: "男"};
复杂情况
let obj = {
name: 'zhangsan',
age: 22,
dog: {
name: '泰迪',
age: 3
}
};
let {dog: {name, age}} = obj;
console.log(name, age); // 泰迪 3
