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

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

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

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

JavaScript 中常見(jiàn)的異步操作包括：

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

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

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

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

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

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