js 如何实现同步
同步的实现方式
JavaScript 是单线程语言，但可以通过多种方式模拟同步行为或处理异步操作的同步执行。以下是常见方法：
Promise 和 async/await
使用 async/await 语法可以让异步代码以同步方式书写：
async function fetchData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
console.log(data);
}回调函数嵌套
通过嵌套回调实现顺序执行，但容易导致"回调地狱"：
function task1(callback) {
setTimeout(() => {
console.log('Task 1');
callback();
}, 1000);
}
function task2() {
console.log('Task 2');
}
task1(task2);Generator 函数
使用 yield 暂停函数执行：
function* generatorFunc() {
yield task1();
yield task2();
}
const gen = generatorFunc();
gen.next();
gen.next();同步 AJAX 请求
虽然不推荐，但 XMLHttpRequest 支持同步模式：
const xhr = new XMLHttpRequest();
xhr.open('GET', 'url', false); // 第三个参数设为false表示同步
xhr.send();
console.log(xhr.responseText);Web Workers
通过 Worker 实现多线程并行：
// main.js
const worker = new Worker('worker.js');
worker.postMessage('start');
worker.onmessage = (e) => {
console.log('Received:', e.data);
};
// worker.js
onmessage = (e) => {
postMessage('Processed: ' + e.data);
};注意事项
- 同步操作会阻塞主线程，导致页面无响应
- 大部分现代 API（如 Fetch）已取消同步模式
- 优先考虑使用 Promise 和 async/await 方案
- 复杂场景可结合事件循环机制设计执行顺序
