ES6
let 和 const
- 在 ES6 中通常用 let 和 const 来声明,let 表示变量、const 表示常量
- let 和 const 都是块级作用域,不存在变量提升
- const 声明的是一个只读常量,在声明时就需要赋值。
- var 声明变量可以重复声明,而 let 不可以重复声明
Promise 对象
- Promise 是异步编程的一种解决方案,避免了回调地狱
- Fulfilled 为成功的状态,Rejected 为失败的状态,Pending 既不是 Fulfilld 也不是 Rejected 的状态,可以理解为 Promise 对象实例创建时候的初始状态
async、await
- 使用 async/await, 搭配 Promise,可以通过编写形似同步的代码来处理异步流程, 提高代码 的简洁性和可读性
- async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成
module、export、import
- import 引入的模块是静态加载(编译阶段加载)而不是动态加载(运行时加载)。
- import 引入 export 导出的接口值是动态绑定关系,即通过该接口,可以取到模块内部实时的值
解构,扩展运算符
-
ES6 可以直接以 let [a,b,c] = [1,2,3]形式进行变量赋值
-
扩展运算符还可以轻松方便的实现数组的复制和解构赋值(let a = [2,3,4]; let b = [...a])
-
对象的解构赋值
let {apple, orange} = {apple: 'red appe', orange: 'yellow orange'};
-
对象的扩展运算符(...)
let {apple, orange, ...otherFruits} = {apple: 'red apple', orange: 'yellow orange', grape: 'purplegrape', peach: 'sweet peach'}; // otherFruits {grape: 'purple grape', peach: 'sweet peach'} // 注意: 对象的扩展运算符用在解构赋值时,扩展运算符只能用在最有一个参数
箭头函数(核心)
- 箭头函数内的 this 指向的是函数定义时所在的对象,而不是函数执行时所在的对象。
- 如果上一层还是箭头函数,则继续向上指,直到指向到有自己 this的函数为止,并作为自己的hhis。
- 如果上一层还是箭头函数,则继续向上指,直到指向到有自己this的函数为止,并作为自己的this。