同步任务与异步任务-优快云博客

本文链接：https://blog.youkuaiyun.com/liuchuan__csdn/article/details/148705937

一、同步任务（Synchronous Task）

1. 定义

同步任务是按照顺序依次执行的任务，前一个任务未完成时，后续任务会被阻塞，必须等待前一个任务结束后才能执行。

2. 核心特点

阻塞执行：后续任务必须等待当前任务完成才能开始。
顺序性：任务按代码书写顺序依次执行。
简单直观：逻辑清晰，无需处理异步回调。

3. 示例（JavaScript）

javascript

console.log('开始执行');

// 同步任务：模拟耗时操作（如文件读取、计算）
function synchronousTask() {
  console.log('同步任务开始');
  // 模拟耗时操作（阻塞线程）
  for (let i = 0; i < 1000000000; i++) {}
  console.log('同步任务完成');
}

synchronousTask(); // 执行时会阻塞后续代码
console.log('后续任务执行'); // 必须等synchronousTask完成后才会输出

4. 应用场景

简单逻辑：无耗时操作的顺序任务（如变量计算、简单函数调用）。
必须按顺序执行的场景：如数据库事务（必须全部成功或失败）。

5. 缺点

性能瓶颈：耗时任务（如网络请求、IO 操作）会阻塞主线程，导致程序卡顿（如浏览器 UI 无响应）。

二、异步任务（Asynchronous Task）

1. 定义

异步任务是不阻塞后续执行的任务，它会在发起后立即返回，让主线程继续执行其他任务，待异步任务完成后通过回调函数、Promise、事件通知等方式处理结果。

2. 核心特点

非阻塞执行：不影响主线程处理其他任务。
并行性：异步任务与主线程任务可 “同时” 执行（实际在单线程中通过事件循环实现）。
需要处理结果回调：需通过特定机制获取异步任务的执行结果。

3. 示例（JavaScript）

javascript

console.log('开始执行');

// 异步任务：setTimeout（模拟网络请求、IO操作）
console.log('异步任务开始');
setTimeout(() => {
  console.log('异步任务完成');
}, 1000); // 1秒后执行回调，不阻塞主线程

console.log('后续任务执行'); // 立即输出，无需等待setTimeout

// 现代异步写法（Promise/async-await）
async function fetchData() {
  console.log('发起网络请求');
  const result = await fetch('https://api.example.com'); // 异步等待响应
  console.log('数据获取完成:', result);
}
fetchData();

4. 应用场景

耗时操作：网络请求、文件读写、数据库查询、定时器等。
需要保持响应性的场景：如浏览器端的 UI 交互（避免用户操作卡顿）。
并行处理：多个异步任务可同时发起，提高效率（如同时加载多个图片）。

5. 实现方式（以 JavaScript 为例）

回调函数（Callback）：最基础的异步处理方式，但容易导致 “回调地狱”。
Promise：通过链式调用处理异步流程，避免嵌套回调。
async/await：基于 Promise 的语法糖，用同步写法实现异步逻辑，更易读。
事件监听（Event Listener）：如 DOM 事件、WebSocket 回调等。

三、核心区别对比

维度	同步任务	异步任务
执行方式	顺序执行，阻塞后续任务	非阻塞，与其他任务并行 “执行”
线程影响	占用主线程，直至任务完成	不占用主线程，结果通过回调处理
代码逻辑	简单直观，按顺序书写	需要处理异步回调或 Promise 链
典型场景	变量计算、简单函数调用	网络请求、IO 操作、定时器
性能影响	耗时任务会导致程序卡顿	不阻塞主线程，提升响应性