当前位置:   article > 正文

为小程序自定义全局方法和全局变量( wx.aa )_小程序开发 给 wx. 添加方法

小程序开发 给 wx. 添加方法

如何使用wx自定义小程序全局方法和全局变量

小程序无法像web一样使用window变量,也无法将自定义的方法挂载上去

我们发现小程序API的方法都是挂载到wx这个变量上,全局可以访问到,我们是不是可以将自己自定义的方法或者变量也挂载wx这个变量上呢?

1. 比如我们在app.js上挂载一个变量,然后在index.js上访问

  • app.js
App({
  onLaunch() {
    wx.$data = 'test data'
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • index.js
Page({
  onLoad() {
    console.log(wx.$data)//可以访问到
  }//控制台打印结果
})
  • 1
  • 2
  • 3
  • 4
  • 5

2. 我们也可以在app.js外定义方法或变量

  • app.js
wx.$ajax = function() {
  console.log('自己定义的网络请求方法')
}
App({
  onLaunch() {
    wx.$data = 'test data'
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • index.js
Page({
  onLoad() {
    wx.$ajax()
    console.log(wx.$data)
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

控制台打印结果:

  • 自己定义的网络请求方法
    test data

注意:

为了避免与小程序官方定义方法和变量冲突,我们自定义的都加上 $ 标识
比如 wx. d a t a 再 比 如 w x . data 再比如 wx. datawx.ajax
wx.$xx可以定义在任何地方,也可以在任何地方使用

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/94064
推荐阅读
相关标签
  

闽ICP备14008679号