美文网首页
微信小程序定义全局变量globalData

微信小程序定义全局变量globalData

作者: 梦未央_new | 来源:发表于2021-07-27 13:19 被阅读0次

    在开发项目过程中,有一些变量,是需要全局注册并且全局调用,微信小程序除了使用传统的本地化存储之外,还能使用什么方法进行存储呢,这里推荐使用在app.js里面定义一个globalData对象

    例子:

    //app.js
    
    App({
      //声明globalData对象
      globalData:{
          userName:'张三',
          age: 18,
          
          //如果需要一次性可以修改多个属性推荐使用在globalData对象里面声明对象
    
          person:{
            userName: '李四',
            age: 19
          }
      }
    })
    

    在需要的js中调用

    //调用的index.js
    
    //调用步骤
    1.在js头部调用app.js
    2.使用app.globalData
    
    var app = getApp()  //1
    Page({
       onLoad(options) {
          console.log(app.globalData.userName)  //2
    
          app.globalData.userName = '修改的张三'  //修改globalData对象的属性
      },
    })
    
    

    介绍在globalData直接声明属性和声明一个对象在修改属性时候的区别

    //直接声明属性app.js 【不推荐使用】
    App({
      globalData:{
          userName:'张三',
          age: 18,
      }
    })
    //调用页面的js修改
    app.globalData.userName = '修改的张三'
    app.globalData.age = 19
    
    //看到这里是不是觉得这样十分繁琐,认为是不是可以这样
    app.globalData{     //错误做法,不支持
        userName:'张三',
        age: 18,
    }
    
    //如果想要实现上面的语法推荐使用下面的做法 【推荐使用】
    //app.js
    App({
      globalData:{
          person:{
            userName:'张三',
            age: 18,
          }
      }
    })
    
    //调用修改
    app.globalData.person{
          userName:'修改person',
          age: 20,
    }
    

    相关文章

      网友评论

          本文标题:微信小程序定义全局变量globalData

          本文链接:https://www.haomeiwen.com/subject/dzqomltx.html