ES6的理解以及知识点

布满荆棘的人生 2022-03-27 09:16 247阅读 0赞

### ES6 ###

ES6的了解  
es6是一个新的标准，它包含了许多新的语言特性和库，是JS最实质性的一次升级。  
比如’箭头函数’、’字符串模板’、’generators(生成器)’、’async/await’、’解构赋值’、’class’等等，还有就是引入module模块的概念。

**箭头函数   箭头函数需要注意的地方**  
可以让this指向固定化，这种特性很有利于封装回调函数  
（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。  
（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。  
（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替。  
（4）不可以使用yield命令，因此箭头函数不能用作Generator函数。

async/await 是写异步代码的新方式，以前的方法有回调函数和Promise。  
async/await是基于Promise实现的，它不能用于普通的回调函数。async/await与Promise一样，是非阻塞的。  
async/await使得异步代码看起来像同步代码，这正是它的魔力所在。

### 说说你对Promise的理解 ###

> Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件监听——更合理和更强大。

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。

Promise对象有以下两个特点:  
1) 对象的状态不受外界影响，Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和Rejected（已失败）

2) 一旦状态改变，就不会再变，任何时候都可以得到这个结果。

## promise有以下方法 ##

then() - 它最多需要有两个参数，第一个是成功后调用的方法，第二个是失败后调用的方法。

catch() - 失败后调用的方法，他与then方法的失败后调用的方法类似，但是使用上有些区别，等下我会用案例讲解。

all() - 接收一个数组作为参数，数组内可填写异步函数，当所有的异步函数都执行完后，会返回一个promise执行后的数组。但是有一点需要注意的是，入过参数内有一个方法报错那么他就会报错，并不会返回结果。

race() - 他与all的方法类似也接受一个数组作为参数（也是如如果数组内有一个方法报错那么他将会报错，不会返回结果），但是有一点不同的是只返回一个结果，那就是哪个哪个函数最先执行完成返回的哪个结果。

resolve() - 和then的第一个参数一样，返回一个promise成功后调用方法。

reject() - 和then的第二个参数一样，返回一个promise失败后调用的方法。