【小程序】js代码模块化调用

可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。

1. common.js

 1 // common.js
 2 function sayHello(name) {
 3   console.log(`Hello ${name} !`)
 4 }
 5 function sayGoodbye(name) {
 6   console.log(`Goodbye ${name} !`)
 7 }
 8 
 9 /**
10 * 对外接口设置。
11 * 可以使用 module.exports 或 exports
12 * 推荐使用 module.exports 设置接口函数
13 **/
14 module.exports.sayHello = sayHello
15 exports.sayGoodbye = sayGoodbye

2. 在需要的js文件内,采用 require 引入common.js模块,示例:

 1 // 引用common.js模块
 2 // require仅支持相对路径
 3 // 调用方式采用指针方式,比如: common.sayHello
 4 var common = require('common.js')
 5 
 6 Page({
 7   helloMINA: function() {
 8     common.sayHello('MINA')
 9   },
10   goodbyeMINA: function() {
11     common.sayGoodbye('MINA')
12   }
13 })

猜你喜欢

转载自www.cnblogs.com/wm218/p/9560991.html