搞定前端面试题——ES6同步与异步机制、async/await的使用以及Promise的使用！！！

同步和异步

​ 同步：代码按照编写顺序逐行执行，后续的代码必须等待当前正在执行的代码完成之后才能执行，当遇到耗时的操作（如网络请求等）时，主线程会被阻塞，直到该操作完成。

​ 异步：当遇到耗时的操作发生时，主线程不会被阻塞，主线程会继续执行后续的代码，而非等待耗时操作完成。

async/await

​ async/await使用同步的方式编写异步代码，避免回调地狱。优势在于处理多个异步操作的情况下，可以使代码更简洁易读。

回调地狱是指过度使用嵌套的回调函数，导致代码难以阅读和维护。

async：当一个函数被标记为async后，该函数会返回一个Promise对象

await：

1. 只能在async函数内部使用。
2. 加上await关键字之后，会执行到这一行时暂停函数的剩余部分，等待网络请求完成，然后继续执行并获取到请求返回的数据。
   

Promise

​ Promise表示承诺在未来的某个时刻可能会完成并返回结果。
​ 对干某些需要时间来处理结果的操作，如用户登录、读取文件等，可以使用Promise对象来执行异步操作。
​ Promise对象有三种状态pending(待处理)、fulfilled(已履行)、rejected(被驳回)。

1. 当创建一个Promise对象时，它的初始状态为pending，表示异步执行还未完成。
2. 当异步执行成功时，会调用resolve函数把Promise对象的状态改变为fulfilled，可通过then方法来获取异步操作的结果。
3. 当异步执行异常时，会调用reject函数把Promise对象的状态更改为rejected，可通过catch方法来处理错误。

语法模版：

1. 用new关键字声明了一个Promise对象
2. 这个对象有两个参数，resolve,reject
3. 声明了一个变量用来存储Promise对象的应用
//定义Promise
声明一个变量 = new Promise((resolve,reject)=>{
  resolve("已完成方法")
  reject("未完成方法")
})
//异步操作
Promise.then(result => {
    console.log("result:",result)	//.then方法获取resolve()方法
}).catch(error => {
    console.log("error:",error)		//.catct方法获取reject()方法
}).finally(()=>{
    console.log("异步执行结束")		//异步执行之后进行调用，无论是那种结果
})

简化形式：

声明一个变量 = new Promise((resolve,reject)=>{
  resolve("已完成方法")
  reject("未完成方法")
}).then(result => {
    console.log("result:",result)
}).catch(error => {
    console.log("error:",error)
}).finally(()=>{
    console.log("异步执行结束")
})

异步操作：异步操作是指在程序执行过程中，某个操作不会立即返回结果，而是需要一段时间的等待

Promise的概念

​ 因为随着前端的业务逻辑变的越来越复杂，之前的回调函数不够用了，多层次的嵌套会导致出现回调地狱，不好维护。所以，为了解决回调地域的问题，这个时候就使用了Promise进行优化。

​ Promise也是目前前端解决异步操作多次嵌套回调的最好办法。

Promise用法：

new Promise(()=>{
	//方法体1
}).then(()=>{//方法体2})

题目一：宏任务与微任务调用步骤

答案：1243

解析：宏任务就是构造函数，所以const离开执行，Promise.then是微任务，属于异步操作，所以先执行console.log(4)然后再回来执行.then。

题目二：构造函数只执行一次

答案：122

解析：构造函数只执行一次，但是resolve取决于调用了多次.then(then和resolve是绑定的）。

题目三：两秒之内输出一个“1”

答案：

解析：看到最下面有.then方法，提示使用Promise