js实现同步
同步与异步的概念
在JavaScript中，同步代码会按照顺序执行，每一行代码必须等待上一行代码执行完成后才能运行。异步代码则允许在等待某些操作（如网络请求）完成的同时继续执行其他代码。
实现同步的几种方法
回调函数
通过嵌套回调函数可以强制代码按顺序执行，但容易导致"回调地狱"（Callback Hell）。
function first(callback) {
console.log('第一步');
callback();
}
function second() {
console.log('第二步');
}
first(second);Promise链式调用
Promise提供更优雅的方式来处理异步操作的顺序执行。
function first() {
return new Promise(resolve => {
console.log('第一步');
resolve();
});
}
function second() {
console.log('第二步');
}
first().then(second);async/await
ES7引入的async/await语法让异步代码看起来像同步代码。
async function runInOrder() {
await first();
second();
}
function first() {
return new Promise(resolve => {
console.log('第一步');
resolve();
});
}
function second() {
console.log('第二步');
}
runInOrder();同步Ajax请求
虽然不推荐，但可以通过设置XMLHttpRequest的async参数为false来实现同步请求。
var request = new XMLHttpRequest();
request.open('GET', 'url', false); // 第三个参数设为false表示同步
request.send(null);
if (request.status === 200) {
console.log(request.responseText);
}注意事项
使用同步操作会阻塞JavaScript的单线程执行，可能导致页面无响应。在大多数情况下，推荐使用Promise或async/await来处理需要顺序执行的异步操作，而不是真正的同步操作。
