JavaScript sync and async（同步和异步）

最新推荐文章于 2025-12-15 15:15:21 发布

转载最新推荐文章于 2025-12-15 15:15:21 发布 · 86 阅读

文章标签：

#javascript #ViewUI

本文深入探讨JavaScript作为单线程语言的工作原理及其异步特性，通过具体示例阐述了JavaScript如何处理异步任务，揭示了单线程与异步机制之间的协调运作。

推荐四篇文章：

JavaScript 是单线程的深入分析
JavaScript 运行机制详解：再谈 Event Loop
JavaScript 异步编程的4种方法
JavaScript 既是单线程又是异步的，请问这二者是否冲突，以及有什么区别？

一个重要前提：JavaScript 是单线程的，并且只有一个主线程。

我们常说的 JavaScript 异步通常指的是 ajax，准确的来说，它并不是 JavaScript 中的异步，当 JavaScript 执行 ajax 的时候，会让浏览器开启一个线程进行执行，执行完成之后会有个回调函数，然后浏览器会告诉 JavaScript：“我 ajax 执行完了，你该执行回调函数了。”

看一段示例 JavaScript 代码：

$(document).ready(function () {
    var index = 1;
    console.log(1);

    var response = $.ajax({
        type: "get",
        url: '/ajax/get2',
        async: false
    }).responseText;
    console.log(2);

    $.ajax({
        url: '/ajax/get1',
        type: 'get',
        dataType: 'text',
        success: function (data) {
            console.log(3);
        }
    });

    search();
});

function search() {
    console.log(4);
}

输出结果：