小程序导出(使用)公共函数,公共数据

小伙伴在刚接触微信小程序开发时,在开发过程中肯定遇到过在多出需要实现同一效果,所以这时候就需要公共函数来简化我们的代码,不然一遍又一遍复写相同的代码,甚是繁琐,那麽怎么导出使用公共函数呢?看看吧~

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外引入,仅一次的话可以在当前的函数内引用,都是可以的。
公共数据和公共函数都是一样的方法

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值