javaScript 是單線程執(zhí)行的語言，它的執(zhí)行機(jī)制是基于事件循環(huán)模型的。當(dāng) JavaScript 執(zhí)行代碼時，如果遇到阻塞（如執(zhí)行時間較長的代碼、同步的網(wǎng)絡(luò)請求、計(jì)算密集型操作等），則會阻塞 JavaScript 引擎的執(zhí)行，直到阻塞的操作完成才能繼續(xù)執(zhí)行下面的代碼。

由于渲染頁面也是由 JavaScript 引擎執(zhí)行的，因此當(dāng) JavaScript 執(zhí)行阻塞操作時，會阻塞渲染進(jìn)程的執(zhí)行，導(dǎo)致頁面出現(xiàn)卡頓、失去響應(yīng)等現(xiàn)象，影響用戶體驗(yàn)。

例如，在 JavaScript 中執(zhí)行一個循環(huán)，如果循環(huán)次數(shù)較多，會導(dǎo)致 JavaScript 引擎長時間占用 CPU，阻塞其他代碼的執(zhí)行，包括渲染進(jìn)程的執(zhí)行，從而導(dǎo)致頁面出現(xiàn)卡頓現(xiàn)象。

JavaScript 中的異步指的是在執(zhí)行代碼時，某些操作會被推遲到后面再執(zhí)行。與同步代碼不同，異步代碼不會阻塞程序的執(zhí)行。當(dāng)異步操作完成后，它會通知 JavaScript 引擎并將結(jié)果傳遞給處理函數(shù)進(jìn)行處理。

JavaScript 中常見的異步操作包括：

定時器：使用 setTimeout 或 setInterval 函數(shù)設(shè)置定時器，在指定的時間后執(zhí)行回調(diào)函數(shù)。

網(wǎng)絡(luò)請求：使用 XMLHttpRequest 或 fetch 函數(shù)發(fā)起網(wǎng)絡(luò)請求，請求完成后觸發(fā)回調(diào)函數(shù)處理返回結(jié)果。

事件處理：在 DOM 元素上注冊事件處理函數(shù)，當(dāng)事件發(fā)生時觸發(fā)回調(diào)函數(shù)。

Promise：使用 Promise 封裝異步操作，通過 then 方法鏈?zhǔn)秸{(diào)用多個異步操作，處理操作結(jié)果。

async/await：使用 async 和 await 關(guān)鍵字簡化 Promise 的使用，以同步的方式編寫異步代碼。

在 JavaScript 中，異步操作通常使用回調(diào)函數(shù)、Promise、async/await 等機(jī)制來處理操作完成后的結(jié)果。異步編程可以幫助提高程序的性能和響應(yīng)性，避免程序的阻塞和卡頓現(xiàn)象，常用于處理網(wǎng)絡(luò)請求、I/O 操作、定時器、事件處理等場景。