新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
一文徹底搞懂JS前端5大模塊化規(guī)范及其區(qū)別
目錄
- 碼文不易,轉(zhuǎn)載請帶上本文鏈接,感謝~ https://www.cnblogs.com/echoyya/p/14577243.html
- CommonJS規(guī)范(同步加載模塊)
- AMD(Asynchronous Module Definition)
- CMD(Common Module Definition)
- UMD(Universal Module Definition)
- 問題回歸:"require"與"import"的區(qū)別
在開發(fā)以及面試中,總是會遇到有關(guān)模塊化相關(guān)的問題,始終不是很明白,不得要領(lǐng),例如以下問題,回答起來也是模棱兩可,希望通過這篇文章,能夠讓大家了解十之一二,首先拋出問題:

創(chuàng)新互聯(lián)致力于網(wǎng)站建設(shè),網(wǎng)站制作設(shè)計(jì),營銷網(wǎng)頁按需策劃,外貿(mào)網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),微信小程序,網(wǎng)站SEO優(yōu)化,網(wǎng)站設(shè)計(jì)制作案例豐富,是成都做網(wǎng)站公司和建站公司,歡迎咨詢。
- 導(dǎo)出模塊時使用
module.exports/exports或者export/export default; - 有時加載一個模塊會使用
require奇怪的是也可以使用import??它們之間有何區(qū)別呢?
于是有了菜鳥解惑的搜嘍過程。。。。。。
模塊化規(guī)范:即為 JavaScript 提供一種模塊編寫、模塊依賴和模塊運(yùn)行的方案。
Script 標(biāo)簽
其實(shí)最原始的 JavaScript 文件加載方式,就是Script 標(biāo)簽,如果把每一個文件看做是一個模塊,那么他們的接口通常是暴露在全局作用域下,也就是定義在 window 對象中,不同模塊的接口調(diào)用都是一個作用域中,一些復(fù)雜的框架,會使用命名空間的概念來組織這些模塊的接口。
缺點(diǎn):
- 污染全局作用域
- 開發(fā)人員必須主觀解決模塊和代碼庫的依賴關(guān)系
- 文件只能按照script標(biāo)簽的書寫順序進(jìn)行加載
- 在大型項(xiàng)目中各種資源難以管理,長期積累的問題導(dǎo)致代碼庫混亂不堪
默認(rèn)情況下,瀏覽器是同步加載 JavaScript 腳本,即渲染引擎遇到


咨詢
建站咨詢