二面

1. 说一下从输入URL到渲染页面的过程
2. 项目介绍，吹了很久
3. new 的实现写法，好家伙一面不是问了吗？
4. for of 和 for in的区别

我推荐看https://www.bilibili.com/video/BV18S4y1K75g/?spm_id_from=333.337.search-card.all.click，

1. 手写allSettled，我写的有两个问题，一个是闭包，一个是很隐蔽的问题

function allSettled(promises) {
   const results = []
   return new Promise(resolve => {
       for (let i = 0; i < promsies.length; i++) {
           const promise = promises[i]
           promise
               .then(res => results[i] = res)
               .catch(error => result[i] = error)
               .finally(() => {
                   if (results.length === promises.length) {
                       resolve(results)
                   }
               })
       }
   })
}

第一个问题是

const results = []

这个东西是在Promise外面，所以有闭包问题，会造成内存泄漏

第二个问题是finally内的

if (results.length === promises.length) {
    resolve(results)
}

如果用户传进来的promises是只有第一个和第100个有数据，比如说执行一下promises[100] = asyncTask这种操作，如果下标为100的先执行完，那results的length就直接100了，这时候就直接resolve是错误的，所以要改方法，也很简单，用个变量记录一下执行完的次数就行，这个问题我没有发现，是面试官告诉我的

1. Map和Set，Map和Object的区别，WeakMap和Map的区别

当时问我WeakMap的key是不是只能为Object类型，我说我忘记了，查了一下MDN：WeakMap 的 key 只能是 Object 类型。 原始数据类型 是不能作为 key 的（比如 Symbol）。

1. 为什么要在每个jsx文件里面写？

import React from 'react'

1. webpack和vite的区别，vite是怎么打包的？rollup在vite里面的作用是？webpack和vite热更新有什么区别？webpack热更新会编译所有文件再热更新吗？
2. 反问

反问：进来后做什么工作

对我的建议

面试官说我不喜欢给人建议，但最后说我表现不错，准备第三面

好家伙，刚说完十分钟就约三面了，明天下午