小程序js腳本模塊化調用

可以將一些公共的代碼抽離成為一個單獨的 js 文件，作為一個模塊。模塊只有通過 module.exports 或者 exports 才能對外暴露接口。

1. common.js

// common.js
function sayHello(name) {
  console.log(`Hello ${name} !`)
}
function sayGoodbye(name) {
  console.log(`Goodbye ${name} !`)
}

/**
* 對外接口設置。
* 可以使用 module.exports 或 exports
* 推薦使用 module.exports 設置接口函數
**/
module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye

 

2. 在需要的js文件內，采用 require 引入common.js模塊，示例：

// 引用common.js模塊
// require僅支持相對路徑
// 調用方式采用指針方式，比如： common.sayHello
var common = require('common.js')

Page({
  helloMINA: function() {
    common.sayHello('MINA')
  },
  goodbyeMINA: function() {
    common.sayGoodbye('MINA')
  }
})