4.3.1.let 和 const 命令
var
之前，js定义变量只有一个关键字：var
var有一个问题，就是定义的变量有时会莫名奇妙的成为全局变量。
例如这样的一段代码：
for(var i = 0; i < 5; i++){
console.log(i);
}
console.log("循环外：" + i)
你猜下打印的结果是什么？
let
let所声明的变量，只在let命令所在的代码块内有效。
我们把刚才的var改成let试试：
for(let i = 0; i < 5; i++){
console.log(i);
}
console.log("循环外：" + i)
结果：
const
const声明的变量是常量，不能被修改
4.3.2.字符串扩展
新的API
ES6为字符串扩展了几个新的API：
includes()：返回布尔值，表示是否找到了参数字符串。startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。
实验一下：
字符串模板
ES6中提供了`来作为字符串模板标记。我们可以这么玩：
在两个`之间的部分都会被作为字符串的值，不管你任意换行，甚至加入js脚本
4.3.3.解构表达式
数组解构
比如有一个数组：
let arr = [1,2,3]
我想获取其中的值，只能通过角标。ES6可以这样：
const [x,y,z] = arr;// x，y，z将与arr中的每个位置对应来取值
// 然后打印
console.log(x,y,z);
结果：
对象解构
例如有个person对象：
const person = {
name:"jack",
age:21,
language: ['java','js','css']
}
我们可以这么做：
// 解构表达式获取值
const {name,age,language} = person;
// 打印
console.log(name);
console.log(age);
console.log(language);
结果：
如过想要用其它变量接收，需要额外指定别名：
{name:n}：name是person中的属性名，冒号后面的n是解构后要赋值给的变量。
4.3.4.函数优化
函数参数默认值
在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法：
function add(a , b) {
// 判断b是否为空，为空就给默认值1
b = b || 1;
return a + b;
}
// 传一个参数
console.log(add(10));
现在可以这么写：
function add(a , b = 1) {
return a + b;
}
// 传一个参数
console.log(add(10));
箭头函数
ES6中定义函数的简写方式：
一个参数时：
var print = function (obj) {
console.log(obj);
}
// 简写为：
var print2 = obj => console.log(obj);
多个参数：
// 两个参数的情况：
var sum = function (a , b) {
return a + b;
}
// 简写为：
var sum2 = (a,b) => a+b;
代码不止一行，可以用{}括起来
var sum3 = (a,b) => {
return a + b;
}
对象的函数属性简写
比如一个Person对象，里面有eat方法：
let person = {
name: "jack",
// 以前：
eat: function (food) {
console.log(this.name + "在吃" + food);
},
// 箭头函数版：
eat2: food => console.log(person.name + "在吃" + food),// 这里拿不到this
// 简写版：
eat3(food){
console.log(this.name + "在吃" + food);
}
}
箭头函数结合解构表达式
比如有一个函数：
const person = {
name:"jack",
age:21,
language: ['java','js','css']
}
function hello(person) {
console.log("hello," + person.name)
}
如果用箭头函数和解构表达式
var hi = ({name}) => console.log("hello," + name);
4.3.5.map和reduce
数组中新增了map和reduce方法。
map
map()：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。
举例：有一个字符串数组，我们希望转为int数组
let arr = ['1','20','-5','3'];
console.log(arr)
arr = arr.map(s => parseInt(s));
console.log(arr)
reduce
reduce()：接收一个函数（必须）和一个初始值（可选）。
第一个参数（函数）接收两个参数：
- 第一个参数是上一次reduce处理的结果
- 第二个参数是数组中要处理的下一个元素
reduce()会从左到右依次把数组中的元素用reduce处理，并把处理的结果作为下次reduce的第一个参数。如果是第一次，会把前两个元素作为计算参数，或者把用户指定的初始值作为起始参数
举例：
const arr = [1,20,-5,3]
没有初始值：
指定初始值：
4.3.6.对象扩展
ES6给Object拓展了许多新的方法，如：
- keys(obj)：获取对象的所有key形成的数组
- values(obj)：获取对象的所有value形成的数组
- entries(obj)：获取对象的所有key和value形成的二维数组。格式：
[[k1,v1],[k2,v2],...] - assign(dest, …src) ：将多个src对象的值 拷贝到 dest中（浅拷贝）。
4.3.7.数组扩展
ES6给数组新增了许多方法：
- find(callback)：数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。
let personList = [{name:"佳儿方意义",age:18},{name:"铭洋",age:20},{name:"铭",age:20}];
console.log(personList.find(p=> p.name == "铭洋")); // {name: "铭洋", age: 20} 会把查找到的元素返回
- findIndex(callback)：数组实例的findIndex方法的用法与find方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。
console.log(personList.findIndex(p=> p.name == "铭")); // 2 返回的下标 为 2
- includes(数组元素)：与find类似，如果匹配到元素，则返回true，代表找到了。
// 查找数组中是否包含该元素,只能查找基本元素,数组中的对象是引用类型,因此是无法被查找到的
let arr22 = [10,20,56,556];
console.log(arr22.includes(556)); // true
