js前端面试之同步与异步问题详解

JS前端面试之同步与异步问题详解攻略

1. 同步与异步的概念

同步和异步都是指程序的执行方式，它们的区别在于程序执行完成的时间点不同。同步是指代码按照顺序一行一行地执行，需要等待前面的代码执行完成后才会执行后面的代码。而异步则是指代码不需要按照顺序执行，可以在后台继续执行其他代码，当前面的代码执行完成后再回来执行后面的代码。

2. 同步与异步的应用场景

同步一般用于在程序执行过程中必须等待某个操作完成后才能继续执行的情况，例如，读取本地文件、发送网络请求等。而异步则用于执行不必等待结果的操作，例如，UI更新、动画效果等。

3. 同步与异步的代码示例

3.1 同步代码示例

console.log('start');

for (let i = 0; i < 5; i++) {
  console.log(i);
}

console.log('end');

上述代码是同步的，按照顺序执行，输出结果为:

start
0
1
2
3
4
end

3.2 异步代码示例

3.2.1 回调函数示例

console.log('start');

setTimeout(function() {
  console.log('setTimeout');
}, 1000);

console.log('end');

上述代码是异步的，setTimeout函数不会立即执行，而是在1秒后才会执行回调函数。因此，输出结果为:

start
end
setTimeout

3.2.2 Promise示例

console.log('start');

new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('Promise');
  }, 1000);
}).then(function(result) {
  console.log(result);
});

console.log('end');

上述代码是异步的，Promise对象也不会立即执行，而是在1秒后才会执行resolve方法，然后执行then方法。因此，输出结果为:

start
end
Promise

4. 总结

同步和异步都是程序执行的方式，应用场景不同。在JS中常见的异步方案主要有回调函数和Promise。这些知识点在JS前端面试中都比较常见，需要程序员深入理解并掌握。