先浅复习一下es6

let与const

作⽤域 全局作⽤域

局部作⽤域

块级作⽤域

let ⽤法：声明⼀个变量

特点： ​ 只在声明的代码块内有效

在同⼀作⽤域内不允许重复声明

没有变量提升

暂时性死区

用法：声明一个只读的变量(可理解为常量)

特点：同let命令

简单类型如字符串、数字和布尔值，值就保存在变量指向的内存地址。而复杂类型的数据如对象、数组和函 数，变量指向的内存地址，实际上是保存了指向实际数据的指针。所以const 只能保证指针是固定的，至于指针指向的数据结构变不变就无法控制了，

ES6之前JavaScript的数据类型

Number(数字)

String(字符串)

Boolean(布尔值)

Object( 对 象 )

Null(空对象指针)

Undefined(声明的变量未被初始化时)

数据类型Symbol

es6引入Symbol这种新的原始数据类型确保创建的每个变量都是独一无二的

解构赋值

举例：

{let a,b,c[a,b,c]=[1,2]console.log(a,b,c)//1,2,undefined
}

对象解构

字符串解构

布尔值解构

函数参数解构

数值解构

ES6新增的内置对象

ES6提供的新的字符串方法及模板字符串

方法	描述
includes(string, position)	判断字符串中是否包含指定字符串，返回值是布尔值
startsWith(string, position)	判断字符串的开头是否包含指定字符串，返回值是布尔值
endsWith(string, position)	判断字符串的尾部是否包含指定字符串，返回值是布尔值
repeat(n)	repeat() 方法返回一个新字符串，表示将原字符串重复n 次。
字符串补全	第一个参数是补全后的字符串长度，第二个参数是用于补全的字符串
padStart(length, str)	用于头部补全
padEnd(length, str)	用于尾部补全

模板字符串

const name="⼩明"constage=18
const hobbies="游泳、跑步和打篮球"
// ES5写法
const str1='我的名字是'+name+'，我今年'+age+'岁，我喜欢'+hobbies
console.log(str1)
// ES6写法
const str2=`我的名字是${name}，我今年${age}岁，我喜欢${hobbies}`
console.log(str2)

模板字符串中的${. .. } 大括号内部可以放入任意的 JavaScript 表达式，可以进行运算、可以引用对象属性、可以调用函数、可以甚至还能嵌套，甚至还能调用自己本身

内置API

属性/方法	作用	例子
size	返回键值对的数量	m.size
clear()	清除所有键值对	m.clear()
has(key)	判断键值对中是否有指定的键名，返回值是布尔值	m.has(key)
get(key)	获取指定键名的键值对，如不存在则返回 undefined	m.get(key)
set(key, value)	添加键值对，如键名已存在，则更新键值对	m.set(key, value)
delete(key)	删除指定键名的键值对	m.delete(key)

Set是ES6给开发者提供的一种类似数组的数据结构，可以理解为值的集合。它和数组的最大的区别就在于: 它的值不会有重复项。

//创建
let set = newSet();
let set2 = newSet([1,2,3])
//添加元素
set.add(1)

ES6中的代理Proxy和反射Reflect

Proxy

概述

正如Proxy的英译"代理理"所示，Proxy是ES6为了操作对象引入的API。它不直接作用在对象上，而是作为一种媒介，如果需要操作对象的话，需要经过这个媒介的同意。

target:⽤Proxy包装的⽬标对象
** handler:⼀个对象，对代理对象进⾏拦截操作的函数，如set、get*/
let p = newProxy(target,handler)

Reflect

概述

与Proxy相同，ES6引入Reflect也是用来操作对象的，它将对象里一些明显属于语言内部的方法移植到Reflect对象上，它对某些方法的返回结果进行了修改，使其更合理，并且使用函数的方式实现了Object的命令式操作

箭头函数

特点

更短的函数

不绑定this

注意事项

什么情况下用箭头函数

箭头函数没有argument

传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。

new操作做了什么事

返回（产生）了一个新的对象

将这个空对象的_ proto_指向了了构造函数内部的prototype

将构造函数的this绑定到这个对象上(即new创建的对象，其函数体内的this指向的是这个对象)

返回到这个新对象上

es6 class的概念

定义类

类的继承

子类向父类传递参数

静态方法

静态属性

异步编程

什么是同步

当一个"调用"发出时，在没有得到结果之前，这个"调用"就会阻塞后面代码的执行，得到结果的时候才会返回。换句话说，"调用者"要主动等待代码的执行结果，得到返回结果后，程序才会继续运行。

什么是异步

"调用"发出的时候，就直接返回了，对应的结果会通过状态、通知来告诉"调用者"或通过回调函数处理这个调用。异步调用发出后，不会阻塞后面的代码。

JavaScript中为什么要引入异步这个概念

JavaScript是单线程的

同步代码会阻塞后面的代码

异步不会阻塞程序的运行

JavaScript中异步的实现

回调函数

setInterval和setTimeout

Promise

Generator

async

Promise的概念及其原理

为了解决"回调地狱"的问题，提出了Promise对象

Promise是一个对象，也可以说是一种编程思想。应用的场景就是"当xxx执行完毕的时候，then执行xxx动作"。Promise里不仅可以存放着异步的代码，也可以放同步的代码。

Promise的使用

封装一个Promise

捕获异常

Promise.all方法

Promise.race

Iterator及其作用和与for…of循环的关系

Iterator(遍历器)是一种接口，目的是为了给不同的数据结构提供统一的循环方式，任何数据结构如果部署了Iterator接口，就能够实现遍历的操作

Iterator的作用

为不同的数据结构，提供一个统一的、简便的访问接口

将数据成员按照一定的顺序输出

提供给ES6中的for…of的这个循环语句进行使用

具备原生的Iterator接口

Array

String

Set

Map

函数的argument对象

Generator函数

什么是Generator

用于生成一个迭代器Iterator

next()

yield

async

什么是async

async是异步的简写，用于声明一个函数是异步函数