小伙伴在刚接触微信小程序开发时,在开发过程中肯定遇到过在多出需要实现同一效果,所以这时候就需要公共函数来简化我们的代码,不然一遍又一遍复写相同的代码,甚是繁琐,那麽怎么导出使用公共函数呢?看看吧~
1 app.js内的函数,数据
app.js文件相当于一个公共文件,不需要将函数导出,只需要在需要的界面引入即可进行使用~
app.js:
App({
appFun(){
console.log("这是很多页面都需要使用到的函数呀~")
}
globalData: { //存放全局数据的地方
nickName:null
}
})
index.js:
const app = getApp(); //通过getApp获取全局对象
Page({
data: {
name: null
},
onLoad() {
app.appFun() //调用了app里面的函数
this.setData({
name: app.globalData.nickName //使用了全局的数据
})
}
})
2 引用,导出公共文件夹的函数
我们不可能把所有的函数都写在app.js内,因为有些函数和app根本就不相干,这样代码很乱,也不符合规范,所以这时候我们就需要新建一个文件夹,专门用来放置公共函数
新建文件夹until.js,这里面是放置公共函数的
until.js:
function untilFun(){
console.log("这是要导出的公共函数呀!")
}
module.exports = { //这里是要导出的函数
untilFun
}
需要使用函数到的页面
index.js:
const untilFun = require('../../until') //放置公共函数的文件路径
Page({
onLoad(){
untilFun () //调用函数
}
})
如果页面多处需要使用到,可以在Page外引入,仅一次的话可以在当前的函数内引用,都是可以的。
公共数据和公共函数都是一样的方法