小程序——全局函数与全局数据

有时候一个函数需要反复使用的时候还是设置全局的比较好用,全局数据也是如此

一、全局函数

  1、先在app.js中定义全局函数

  

  2、在其它页面引用的时候,先在要引用的js文件的最上面(page外)加这句

  const app = getApp()    // 加这句就可以使用app.js里的内容

  3、使用函数的时候要加前缀"app"

    如:app.requestPostData();

二、全局数据

  1、全局数据加在app.js的globalData里。    

golbalData{
  historyArr:[]
}

  2、第二步同全局函数

  3、也要加前缀"app",但是全局data目前不能直接使用,所以需要另外定个变量来获取,如: 

var historyArr = app.globalData.historyArr

  

  4、也可以在其它文件里更改全局函数的值

app.globalData.historyArr = [1,2]

   

时间: 2024-08-27 18:10:34

小程序——全局函数与全局数据的相关文章

微信小程序后台返回大量多余数据的处理

台接口返回一个数组,数组里面N多对象,每个对象里面几十上百条数据,最好玩的是,我只需要每个对象里面的某两个数据.... 类似这种: datas:[   {   id:1000,   name: "帅哥",   title: '...',   b: '...',   d: 0,   f:0,   ....   },   {   id:1001,   name: "美女",   title: '...',   b: '...',   d: 0,   f:0,   ...

小程序云函数的高级玩法-路由

一般情况下,一个云函数完成单一的逻辑功能,就是一个类的方法一样,如图: 但是受限免费用户最多只能使用20个云函数,想要在单一云函数中实现多个复杂的功能就需要通过参数来区别,可读性差,不利于管理.通过路由,尝试将请求归类,一个云函数处理某一类的请求,比如有专门负责处理用户的,或者专门处理支付的云函数.如图: 为了方便大家试用,腾讯云 Tencent Cloud Base 团队开发了 tcb-router,云函数路由管理库方便大家使用. 基于 koa 风格的小程序·云开发云函数轻量级类路由库,主要用

如何在微信小程序定义全局变量、全局函数、如何实现 函数复用 模块化开发等问题详解

1.如何定义全局数据 在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp();  app.function/key的方式调用,不过我们没有必要再app.js中定义全局函数. 定义 全局函数 如下图: 2.如何实现代码的复用 实现函数的复用前我们先复习一个知识点:require 用来加载代码,而 exports 和 module.exports 则用来导出代码.module.exports 对象是由模块系统创建的.在我们自己写模块的时候,需

小程序设置全局变量,全局方法

最近在做小程序项目,遇到多个页面共用页面变量的问题,小程序需要渲染到页面的数据,都需要在页面data进行定义,这样如果多个页面都需要用到同一个变量,就会造成资源的重复定义: 例子: Page({ data: { backgroundImg: request.getImgServerApi() + 'section2/background.png', helpLinkImg: request.getImgServerApi() + 'cardPackage/card-link2.png', log

小程序跨页面传递data数据的三种方法

Q:小程序怎么把页面data里的数据传到另外的页面? 或者小程序怎么吧表单里的数据传到另外的页面?A:1.可以使用url传递数据. 例如在A页面中传递数据,需要注意的是,wx.switchTab中的url不能传参数. wx.navigateTo({url:‘../pageB/pageB?name=raymond&gender=male’}).在B页面中接收数据,通过onLoad的option:Page({onLoad:function(option){console.log(option.nam

.NET开发微信小程序-接收微信支付回调数据

获取微信支付传回来的数据 1.MVC控制器 /// <summary> /// 付款返回的数据 /// </summary> /// <returns></returns> public string Notify_url() { String xmlData = getPostStr(); //保存付款成功过来的数据 Log4Helper.ErrorInfo("GXL", xmlData); WxAPIService.PayResult

小程序,wx.request请求数据服务器配置

微信小程序服务器配置时有个坑,中间遇到过一次. 在进行服务器域名配置的时,一定要按照文档的规范: 填写的域名是https://x.b5h.com 不能写成https://www.x.b5h.com 用https://www.x.b5h.com进行数据请求时,会出错,文件请求失败,在服务器端找不到文件,控制台报错为404错误.

微信小程序:POST请求data数据请求不到

最近开始开发小程序,遇到许多小问题,直奔主题. wx.request()是微信封装的ajax请求方法,也是小程序中ajax唯一的一个方法,被放在了API文档的第一个位置,的确使用率是最高的. 但是wx.request()并非像jquery中的$.ajax()一样,它还需要开发者在具体情况中做一些调整. 在直接发送POST请求时,请求成功,可以触发success回调,但是请求到的数据为空.这其中的问题出在https请求的header上.(上图为header未设置时的情况) 当把请求header的c

微信小程序 onLoad 函数

小程序注册完成后,加载页面,触发onLoad方法. 页面载入后触发onShow方法,显示页面. 首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次. 当小程序后台运行或跳转到其他页面时,触发onHide方法. 当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload 例如: 我们定义了一个方法: 功能是:当用户打开这个