在微信小程序页面的page({})外设置全局var obj={...}对小程序运行性能有影响吗?

在微信小程序页面的page({})外设置全局var obj={...}对小程序运行性能有影响吗?,第1张

没有太大的影响的

1、在小程序之外的生命周期和方法外定义全局的函数及变量对于小程序的性能没有太大的影响的,只是这样的写法可能会使代码变乱

2、建议还是把变量定义到data中以便响应式的追踪变量的变化和响应式的更新视图

微信小程序 定义全局数据、函数复用、模版等问题总结: 1.如何定义全局数据 在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp() app.function/key的方式调用,不过我们没有必要再app.js中定义全局函数。 2.如何实现代码的复用 函数的复用: test.js test: function(){ } module.exports={ test:test }other.js var common = require('test.js') page({ common.test() })模板: <template name="odd"> <view>odd </view> </template> <template name="even"> <view>even </view> </template> <block wx:for="{{[1, 2, 3, 4, 5]}}"> <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/> </block> //我们页可以把模板定义在其他文件中,以<import src="url"/>的形式引入,但是import有作用域的概念,即只会import目标文件中定义的template, 而不会import目标文件import的template //include可以将目标文件除了<template/>的整个代码引入,相当于是拷贝到include位置。 3.对于组件中值为boolean类型的属性,比如progress组件的active属性,checkbox的checked属性等等。无论设置成true还是false该属性都生效,测试发现html中也有这种情况,但通过checked={{}}的方式可以渲染成功。 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

App({

  onLaunch: function(options){

    console.log("app.js ---onLaunch---" + JSON.stringify(options))

  },

  onShow:function(){

    console.log("app.js ---onShow---")

  },

  onHide:function(){

    console.log("app.js ---onHide---")

  },

  onError: function(msg){

    console.log("app.js ---onError---" + msg)

  },

  globalData: {

    userInfo: null

  }

})

onLaunch 生命周期函数--监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

onShow 生命周期函数--监听小程序显示 当小程序启动,或从后台进入前台显示,会触发 onShow

onHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台,会触发 onHide

onError 错误监听函数 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

globalData 指的全局变量

(onLaunch, onShow 方法会返回一个参数对象, 里面包含了三个参数 , path,query和scene ,path是打开小程序的路径

query是打开小程序页面url的参数,scene是打开小程序的场景值

)

修改全局变量赋值

在App.js中修改GlobalData的值

在小程序的所有页面中都可以随时调用和写入存放在GlobalData的数据。无论是调用还是写入,第一步都是要让页面与App.js产生关联。所以在页面的对应的JS中,第一句话就要写上:   

var app = getApp()

app.globalData.userinfo = 123


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/10924241.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-12
下一篇2023-05-12

发表评论

登录后才能评论

评论列表(0条)

    保存