JavaScript 中的模塊如何打包運(yùn)行(一)
現(xiàn)代 JavaScript 引入了 export/import 關(guān)鍵字,允許我們進(jìn)行模塊化編程??梢杂卸鄠€(gè) JavaScript 文件(多個(gè)模塊),通過 export/import 導(dǎo)出或?qū)牒瘮?shù)。比如,可以有 ui.js, data.js, norm.js,index.js。 其中 index.js import 了前面三個(gè) JavaScript 文件 export 出來的函數(shù)或者變量。 index.html 包含 index.js 就可以運(yùn)行了。
下面通過一個(gè)簡(jiǎn)單的例子來理解模塊,export,import,以及如何運(yùn)行 JavaScript 代碼。有一個(gè) HTML 文件 index.html,其中定義了一個(gè)表格。 有一個(gè) JavaScript 文件 change.js,其中定義了一個(gè)修改表格內(nèi)容的函數(shù) changeTimeFormat()。 如何使用 change.js 中的 changeTimeFormat() 函數(shù)呢? 有如下 5 個(gè)選項(xiàng)。
標(biāo)簽:javascriptmodule
JavaScript 中的模塊如何打包運(yùn)行(一)的評(píng)論 (共 條)
