微信小程序开发之——比较数字大小-注册程序(2.6)

一 概述

  • 若要在小程序启动、显示、隐藏时执行某些操作,可以通过App()函数来实现。
  • App()函数用于注册小程序,它接受一个对象参数,通过参数指定小程序的声明周期回调等。
  • App()函数必须在app.js中调用,且只能调用一次,不然会出现无法预期的后果

二 App函数

2.1 函数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
App({
  /**
   * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
   */
  onLaunch: function (options) {
    console.log('onLaunch执行')
    console.log(options)
  },
  /**
   * 当小程序启动,或从后台进入前台显示,会触发 onShow
   */
  onShow: function (options) {
    console.log('onShow执行')
    console.log(options)
  },
  /**
   * 当小程序从前台进入后台,会触发 onHide
   */
  onHide: function () {
    console.log('onHide执行')
  },
  /**
   * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
   */
  onError: function (error) {
    console.log('onError执行')
    console.log(error) 
  },
  onPageNotFound:function(options)
  {
    console.log('options执行')
    console.log(error) 
  }
})

运行程序,在控制台中查看输出结果

2.2 程序输出说明

  • path:打开小程序的路径,一般情况下是app.json中的第一个路径,也可以通过自定义编译条件指定启动页面
  • query:打开小程序的query,一般情况下是空对象,也可以通过自定义编译条件指定启动参数
  • scene:打开小程序的场景值,一般情况下是1001,也可以通过自定义编译条件指定进入场景
  • shareTicket:当小程序被转发出去时(如群发到群聊),如果此转发卡被其它用户打卡,可以获取到shareTicket(如群的标识)。通常搭配wx.showShareMenu()使用,并且需要在该方法的参数对象中设置withShareTicket为true
  • referrerInfo:当场景为从另一个小程序、公众号或APP打开时,可以通过它获取来源于小程序、公众号的AppId等,scene为1037或1038时支持传递附加数据

三 实例

值得一提的是,利用App()函数还可以保存一些在所有页面中共享的数据,下面通过代码演示,在app.js中,为App()函数的参数对象增加一些属性和方法,如下所示。

1
2
3
4
5
6
7
App({
  num:123,
  test:function()
  {
    console.log('test')
  }
}

然后在pages/index/index.js的onReady函数中编写代码,具体如下:

1
2
3
4
5
onReady: function () {
var app=getApp()
console.log(app.num)
app.test()
},

在上述代码中,getApp()函数用于获取小程序App实例,获取后即可访问app.js中定义的num属性和test()方法

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值