当前位置：首页 > JavaScript

js实现await

2026-04-05 14:46:01JavaScript

实现 `await` 的 JavaScript 方法

在 JavaScript 中，await 关键字用于等待一个 Promise 的解析，通常与 async 函数一起使用。以下是几种常见的实现方式：

使用 `async/await` 语法

async/await 是处理异步操作的最现代方式，语法简洁且易于理解。
示例代码：

async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  console.log(data);
}
fetchData();

通过 `Promise.then()` 链式调用

如果不使用 async/await，可以通过 Promise.then() 实现类似功能。
示例代码：

function fetchData() {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data));
}
fetchData();

手动实现 `await` 的模拟

如果需要在不支持 async/await 的环境（如旧版浏览器）中模拟 await，可以通过生成器函数和 Promise 结合实现。
示例代码：

function* fetchDataGenerator() {
  const response = yield fetch('https://api.example.com/data');
  const data = yield response.json();
  console.log(data);
}

function runGenerator(generator) {
  const iterator = generator();
  function handle(iteratorResult) {
    if (iteratorResult.done) return;
    const iteratorValue = iteratorResult.value;
    if (iteratorValue instanceof Promise) {
      iteratorValue
        .then(res => handle(iterator.next(res)))
        .catch(err => iterator.throw(err));
    }
  }
  try {
    handle(iterator.next());
  } catch (e) {
    iterator.throw(e);
  }
}

runGenerator(fetchDataGenerator);

使用 `util.promisify`（Node.js 环境）

在 Node.js 中，可以通过 util.promisify 将回调风格的函数转换为 Promise，再结合 await 使用。
示例代码：

js实现await

const fs = require('fs');
const util = require('util');
const readFile = util.promisify(fs.readFile);

async function readData() {
  const data = await readFile('file.txt', 'utf8');
  console.log(data);
}
readData();