微信小程序框架逻辑层_模块化
在JavaScript文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。
// app.js App({ globalData: 1 })
// a.js // The localValue can only be used in file a.js. var localValue = a // Get the app instance. var app = getApp() // Get the global data and change it. app.globalData++
// b.js // You can redefine localValue in file b.js, without interference with the localValue in a.js. var localValue = b // If a.js it run before b.js, now the globalData shoule be 2. console.log(getApp().globalData)
我们可以将一些公共的代码抽离成为一个单独的js文件,作为一个小程序模块。小程序模块只有通过module.exports或者 exports才能对外暴露接口。
需要注意的是:
-
exports是module.exports的一个引用,因此在小程序模块里边随意更改exports的指向会造成未知的错误。所以我们更推荐开发者采用module.exports来暴露模块接口,除非你已经清晰知道这两者的关系。 目前不支持直接引入node_modules,开发者需要使用到node_modules时候建议拷贝出相关的代码到小程序的目录中。
// common.js function sayHello(name) { console.log(Hello ${ name} !) } function sayGoodbye(name) { console.log(Goodbye ${ name} !) } module.exports.sayHello = sayHello exports.sayGoodbye = sayGoodbye
在需要使用这些小程序模块的文件中,使用require(path)将公共代码引入。
var common = require(common.js) Page({ helloMINA: function() { common.sayHello(MINA) } goodbyeMINA: function() { common.sayGoodbye(MINA) } })
Tips
1. tip:require暂时不支持绝对路径
上一篇:
uniapp开发微信小程序-2.页面制作