2024.03.01 字节跳动 商业化 一面

• 自我介绍
• 项目难点介绍
• 像 websocket 这种服务器和本地长时间通信的，还有什么？
• 如果让你实现一个短轮询的方法，你怎么处理这个方法？
• 会有多少个状态？
• 如何处理状态呢？
• React Hook 和 Vue Compostion API 有什么区别，具体是解决什么问题的？
• React Hook 为什么不能在条件语句中使用？
• Hook 管理内部是用什么数据结构？
• React 组件通信方式
• Context 是如何实现的？
• Vue2 和 Vue3 的区别
• 为什么Object.defineProperty监听不到数组里面的变化？
• Vue 选项式 API，为什么可以通过this访问到data里面的数据？
• 读 Promise

async function a() {
  console.log("1");
  await b();
  console.log("2");
}

async function b() {
  new Promise((resolve, reject) => {
    console.log(3);
    resolve("4");
    console.log("5");
  })
    .then(value => {
      console.log(value);
      throw new Error("6");
    })
    .catch(r => {
      console.log(JSON.stringify(r));
    });
}

console.log("7");

a();

setTimeout(() => {
  console.log("8");
}, 0);

const p = new Promise((resolve, reject) => {
  console.log("9");
  resolve("10");
}).then(value => {
  console.log(value);
});

p.then(value => {
  console.log("p:then", value);
});

console.log("script end");

• 作用域相关

var a = 1;
function b() {
  a = 10;
  return;
  function a() {};
}
b()
console.log(a); // 1

• 列表转树结构：https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/139
• 实现发布订阅：https://juejin.cn/post/6844903850105634824
• bind 返回的函数可以改变 this 指向吗？
• bind 函数返回的函数里面是什么
• 微前端：简单讲一下微前端
• Monorepo：
• 讲一下 Monorepo
• 为什么采用 pnpm + workspace，pnpm 有什么好处呢？
• yarn 也有 workspace，为什么不使用 yarn 呢？