模組化 (Module):require 和 export


Posted by fang on 2020-06-19

require 是使用他人已經寫好的 module;
export 則是自己的 module 給別人使用,或自己的其他專案使用;
未來常用的 function 可以採用此方式存取,將宣告集中在同一個地方。


require

var 命名 module 名稱 = require('module 名稱')

如果是自己寫的 module,因為是存在本地端,所以會有一點不同

var 命名 module 名稱 = require('./module 名稱.js')

如果把.js省略也可以,系統會自己尋找適當的檔案引入。


exports

第一種相對直覺,未來可能會比較常用:

function 函數名稱(n){
    ...
}

module.exports = module名稱

第二種的引入之後輸出會是物件,所以要記得釐清資料型態:

function 函數名稱(n){
    ...
}

exports.module名稱 = 函數名稱

實際測試

練習自己引用自己的函數模組
首先 export:

再進行 require:

最後執行出:

成功~


#module #模組化







Related Posts

POPCAT加音檔 補

POPCAT加音檔 補

Vite系列#安裝vite&在 Composition API 及 Options API 進行切換

Vite系列#安裝vite&在 Composition API 及 Options API 進行切換

Radar Chart - chart.js 的設定

Radar Chart - chart.js 的設定


Comments