前端面试核心知识点整理：从 JavaScript 到 Vue 全解析

一、JavaScript 异步编程核心：Promise 与 async/await

1. Promise 深度解析

• 定义：Promise 是处理异步操作的对象，代表一个异步操作的最终状态（成功 / 失败）。
• 三种状态：
  • pending（进行中）：初始状态，异步操作未完成。
  • fulfilled（已成功）：异步操作成功，调用 resolve 回调。
  • rejected（已失败）：异步操作失败，调用 reject 回调。
• 核心优势：避免回调地狱，支持链式调用。
• 示例：

  const asyncRequest = new Promise((resolve, reject) => {
    setTimeout(() => {
      Math.random() < 0.5 ? resolve('成功') : reject('失败');
    }, 1000);
  });
  
  asyncRequest
    .then(res => console.log(res))
    .catch(err => console.error(err));
  

2. async/await 与 Promise 的区别

• 语法糖：async/await 是基于 Promise 的语法糖，使异步代码更像同步代码。
• 错误处理：async/await&