js实现sync

在 JavaScript 中实现同步操作的方法

JavaScript 是单线程语言，默认采用异步非阻塞模式，但可以通过以下方式模拟同步行为：

使用 async/await（ES2017+）

通过将异步函数标记为 async 并用 await 等待 Promise 解决：

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

使用 Promise 链式调用（ES6）

Promise 的 .then() 方法可以顺序执行异步操作：

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

使用 Generator 函数（ES6）

通过 yield 暂停函数执行，配合自动执行器实现同步风格：

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

// 需要配合执行器使用（如 co 库）

同步 XMLHttpRequest（不推荐）

老式 API 可通过设置 async: false 实现同步请求，但会阻塞主线程：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', false);
xhr.send();
console.log(xhr.responseText);

使用 Node.js 同步 API

在 Node.js 环境中，部分模块提供同步方法（如 fs 模块）：

const fs = require('fs');
const data = fs.readFileSync('file.txt', 'utf8');
console.log(data);

注意事项

• 浏览器环境中真正的同步操作会阻塞 UI 渲染，应优先考虑 async/await
• Node.js 的同步 API 适合启动时配置加载，不适合高并发场景
• 避免在循环中滥用同步操作