[筆記] 模組化與 Library (export & require)

[TsaiChihWei]

require 為 ES5 用法，ES6 用法為 import。

引用別人的模組

var module =require('os')
console.log(module.platform()) //win32

• require 為引入的指令
• os 為 Node.js 提供的 module

自己寫模組來用

Step 1. 建立一個 JS 檔案 (這邊命名為 myModule.js)

//in myModule.js

function double(x) {
  return x * 2
}

module.exports = {
    double: double,
    triple: function(x){
        return x * 3
    }
}

• module.exports：輸出 module 的指令。

  Step 2. 再建立一個 JS 檔案 (主要 JS 檔案，這邊命名為 main.js)

  
  //in main.js

var myModule = require('./myModule.js') console.log(myModule) => { double: [Function: double], triple: [Function: triple] }

console.log(myModule.double(2)) // output to be 4 console.log(myModule.triple(3)) // output to be 9

+ `var myModule = require('./myModule.js')`：引入的模組非 Node.js 提供或從 NPM 下載安裝，所以要自己輸入檔案路徑。

## 延伸題：另一種輸出指令 (exports.[keyName])
``` js
//in myModule.js
let arr1 = [1, 2, 3]

exports.arr1 = arr1
exports.arr2 = [4, 5, 6]

-------

//in main.js
var myModule = require('./myModule')
console.log(myModule) // output to be => { arr1: [ 1, 2, 3 ], arr2: [ 4, 5, 6 ] } 物件型態

• exports.[keyName] 指令只能輸出成物件
• module.exports 指令可輸出成字串或者陣列等其他型態 (雖然陣列也是物件的一種)，範例如下：

//in myModule.js
let arr1 = [1, 2, 3]
module.exports = arr1

-------

//in main.js
var myModule = require('./myModule')
console.log(myModule) // output to be => [1, 2, 3] 陣列型態