面经 | ES6

ES6

ES6
- Promise对象
- - 创建Promise
  - 三个状态
  - resolve/reject 和微任务的关系
  - await
- set vs weakSet
- map vs weakMap

ES6

Promise对象

new Promise(excutor);excutor是一个函数,会立刻执行;
then里的回调函数，会进入微任务队列；then会返回一个新的promise对象
await等到的是一定是一个已经resolved的Promise对象；
掌握几个常见的api：.all .allSetteled .race
- all 等待全部reslove，有一个为reject都会进入catch
- allSetteled只要全部fullfiled了就可以进入then回调了
- race取最先fullfiled的promise的结果

创建Promise

new Promise(excutor)，excutor是一个函数，会立刻执行。可以接受两个入参resolve,reject。
Promise.resolve/reject()也会返回一个Promise对象

new Promise(()=>{})
new Promise((resolve)=>{})
new Promise((resolve,reject)=>{})
Promise.resolve();
Promise.reject();

只写一个new Promise()会报错:Promise resolver undefined si not a funciton
new Promise((resolve)=>console.log(1))会立刻执行，输出1.

三个状态

pending resolve reject

// let p=new Promise() // 报错:Promise resolver undefined is not a function
let p1=new Promise(()=>{})
let p2=new Promise((resolve)=>{resolve("hi")})
let p3=new Promise((resolve,reject)=>{reject()})console.log(p1,p2,p3) 
// Promise {<pending>} Promise {<fulfilled>: 'hi'} Promise {<rejected>: undefined}

resolve/reject 和微任务的关系

new Promise((resolve,reject)=>{console.log(1);resolve(); // then中的回调会进入微任务队列;console.log(2) // resolve()只会让then进入队列，不会打断2的输出
}).then(res=>{ // then返回一个新的Promise对象console.log(3)
});
// 1 2 3

假设没有resolve();then中的函数不会进入微任务队列，也就是不会输出。

await

难点在于，await fun，如果fun是一个Promise对象的情况；需要考虑一直取then的情况

async function a1(){ // return "hi"// return new Promise(()=>{})// return Promise.resolve();
}async function a2(){await a1();console.log(1);
}// main线程开始
a2();
Promise.resolve().then(()=>{console.log(2)
})

首先思考一个问题，await是怎么实现等待的呢？

async function a2(){await a1(); // a1不是Promiseconsole.log(1);
}
// 实际等同于
async function a2(){a1().then(res=>{console.log(1);}}
}

看懂上面的例子，就很好的理解了，为什么a1会立刻执行，然后1会进入微任务；
假设res是一个Promise对象，也就是a1()是一个Promise对象会发生什么呢？

async function a2(){await a1();  // a1是Promise对象console.log(1);
}
// 实际等同于
async function a2(){a1().then(res=>{res.then(res2=>{console.log(1))}}
}

假设a1()返回的是Promise对象，也就是res是一个Promise，那么就会继续then。
- 注意，这里默认a1是用async标记的，假设a1没用async标记，即使a1返回的是promise对象，还是会被分解成这样，所以asynce标记a1的作用就是，不断得去取返回的值res，如果是promise，就接着嵌套，不断then，否则，只会then一次。

async function a2(){a1().then(res=>{console.log(1);}}
}

反正，复制下面例子，判断对了，就算理解对了

 async function a1(){ // 返回的是promise的时候，有无async会有什么区别？// return "hi"// return new Promise(()=>{})// return Promise.resolve();// return new Promise((resolve)=>{//     console.log(3)//     resolve()// })
}async function a2(){await a1();console.log(1);
}a2();
Promise.resolve().then(()=>{console.log(2)
})