客户端如何阻塞JS代码执行？

在客户端中，可以使用以下方法来阻塞JS代码的执行：

1. 使用setTimeout函数：

console.log("Start");
setTimeout(function(){
    console.log("Delayed code");
}, 2000);
console.log("End");

在上述代码中，setTimeout函数会延迟2秒执行传入的回调函数，这会导致后续的代码在延迟结束之前被阻塞。

2. 使用Promise对象：

console.log("Start");
var promise = new Promise(function(resolve, reject){
    setTimeout(function(){
        console.log("Delayed code");
        resolve();
    }, 2000);
});
promise.then(function(){
    console.log("Promise resolved");
});
console.log("End");

在上述代码中，使用Promise对象可以在延迟结束后执行回调函数。这样，后续的代码会等待Promise对象的解决(resolve)之后才会继续执行。

3. 使用async/await：

console.log("Start");
async function delayedCode(){
    await new Promise(function(resolve, reject){
        setTimeout(function(){
            console.log("Delayed code");
            resolve();
        }, 2000);
    });
}
delayedCode();
console.log("End");

在上述代码中，使用async/await关键字可以实现异步代码的同步执行。通过await关键字，后续的代码会等待await语句中的Promise对象被解决(resolve)之后才会继续执行。

这些方法都可以在客户端中阻塞JS代码的执行，具体选择哪种方法取决于具体的需求和场景。