本篇內(nèi)容主要講解“js中ES Module和CommonJs的區(qū)別有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“js中ES Module和CommonJs的區(qū)別有哪些”吧!

站在用戶的角度思考問題，與客戶深入溝通，找到紅崗網(wǎng)站設(shè)計與紅崗網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站設(shè)計、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、空間域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋紅崗地區(qū)。

1、CommonJS模塊裝入js文件的過程是同步的，運行時裝入。

2、ES Module裝入js文件的過程是在編譯(解析)時裝入的，它是異步的。

3、ES Module通過export導(dǎo)出的是變量本身的引用。

實例

let name = 'coderwhy';
 
setTimeout(() => {
  name = "湖人總冠軍";
}, 1000);
 
setTimeout(() => {
  console.log(name);
}, 2000);
 
export {
  name
}

到此，相信大家對“js中ES Module和CommonJs的區(qū)別有哪些”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！