微信小程序全局变量的使用 小程序全局变量赋值

小程序开发

2021-06-03

  我们在开发微信小程序项目的时候,里面的需求经常会遇到一个变量需要在多个页面中调用,这时候就需要用到全局变量了,可能对于刚接触开发项目的小伙伴们来说,还不是很清楚,今天厦门在乎科技为大家带来微信小程序全局变量的使用以及全局变量赋值介绍,一起来了解一下吧。

  

微信小程序全局变量的使用 小程序全局变量赋值


  微信小程序全局变量的使用:

  第一、全局变量的定义

  在你初次打开app.js文件时,很容易混淆。在onLaunch函数里是有个globalData对象,但请注意,你的全局变量不是写在这里,而是另外在函数外定义一个globalData。

  globalData一定要定义在与函数同级的位置。然后在globalData里面编写你的全局变量的值。

  第二、全局变量的赋值

  一般初始化的时候会给空值或者固定值,然后通过后期的小程序使用过程中改变全局变量。

  全局变量值得改变有两个地方。一是在app.js文件中改变,二是在其他js文件中改变。

  在app.js中,你只需要通过this.globalData.XXXX = XXX 进行赋值即可。不能使用this.setData进行赋值。

  在其他js文件中,我们首先要引入全局变量:

  const app = getApp()

  然后通过app去调用globalData。例如:app.globalData.XXXX = XXX

  第三、全局变量的使用

  使用全局变量分为两种情况,一是在app.js文件中使用,二是在其他js文件中使用。

  在app.js文件中使用时直接通过this.globalData.XXXX 即可使用。

  在其他js文件中使用先获取全局对象:

  const app = getApp()

  接着通过app.globalData.XXXX 调用即可。

  第四、全局变量的有效期

  全局变量的有效期只存在于当前使用的状态下,一旦小程序被用户退出或者微信自身清理之后,将不保留全局变量。所以你需要根据自己的需求进行设置全局变量,合理的应用。

  

微信小程序全局变量的使用 小程序全局变量赋值


  小程序全局变量赋值:

  小程序中全局变量可以定义在globalData中,下面就来介绍下globalData的使用方法。

  1、首先在app.js中对全局变量进行定义

  App({

  onLaunch: function () {

  },

  globalData: {

  age: "18"

  }

  })

  2、然后在某个页面中引用这个全局变量

  首先在该文件下声明var app=getApp(); 然后对全局变量进行引用和赋值。

  3、然后在某个页面中引用这个全局变量

  首先在该文件下声明var app=getApp(); 然后对全局变量进行引用和赋值。

  //将全局变量的值赋给页面的一个变量

  //index.js

  var app = getApp()

  Page({

  data: {

  age: ""

  },

  onLoad: function () {

  this.setData({

  age: app.globalData.age,

  });

  }

  })

  4、若要更改全局变量,也就是重新赋值,可以这样写

  //更改全局变量的值

  var app = getApp()

  Page({

  data: {

  age: ""

  },

  onLoad: function () {

  app.globalData.age="20"

  console.log(app.globalData.age)

  }

  })

  

微信小程序全局变量的使用 小程序全局变量赋值


  以上就是今天为大家带来的关于“微信小程序全局变量的使用 小程序全局变量赋值”全部内容,整体来说,全局变量的作用还是很大的,例如,在微信小程序开发中使用高德地图的微信小程序开发,其中key值就需要在多个页面使用,想要了解更多关于小程序全局变量的内容,欢迎关注厦门在乎科技-专注小程序、app、网站开发

即刻联系「信诚科技」专业项目经理为您提供产品咨询和项目报价!

立即咨询

CONTACT US

联系我们

联系电话:

131-6399-9993

电子邮箱:

公司地址:

厦门市思明区观日路44号厦门信息港

公司地址