App:小程序的生命周期函数

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

一开始我们在小程序的 app.js 里面,使用这个 App 方法注册了一个小程序 .. 注册的时候给了它一个空白的对象 .. 在这个对象里,可以添加一些东西 .. 比如小程序的生命周期函数 ..

这些函数就是在小程序的不同阶段自动被调用的函数 ... 在这个给 App 的对象里面,我们可以用一下这些生命周期函数 ..

先添加一个 onLaunch ,它会在小程序初始化以后被执行,这里用一个 console.log 在控制台上输出一个 初始化 .. 再添加一个 onShow ,这个函数会在小程序启动以后,或者小程序从后台进入到前台的时候被执行 ... 输出一个 显示 ..

还有 onHide ... 它会在从前台进入到后台的时候执行,进入后台以后,我们在控制台上输出一个 隐藏 .. 还有一个 onError ,在小程序出现错误的时候会执行这个函数 .. 给它一个错误信息作为它的参数 .. 然后在控制台上输出这个错误信息 ..

回到开发者工具 ... 现在小程序已经初始化并且进入到了前台 .. 所以会执行 onLaunch 还有 onShow ... 在控制台上会输出一个 初始化,还有显示 ..

我们可以让这个小程序进入到后台 .. 点一下开发者工具边栏上的这个 后台 .. 这样会模拟小程序进入后台的情景 .. 进入后台以后,会执行 onHide .. 我们做的事就是在控制台上输出一个 隐藏 ...

这里会出现一些场景 .. 先随便选择一种场景 ... 小程序又重新进入前台运行 .. 这样又会执行 onShow ... 在控制台上会输出一个 显示 ..

参数

这个 onLaunch 还有 onShow 都支持一个 options 参数 .. 这个 options 里面会带一些有用的信息,你可能会在 onLaunch 或者 onShow 里面用到 ..

在 onLaunch 方法里面,先添加一个 options .. 然后在控制台上再输出这个 options ...

再给 onShow 也添加一个 options .. 同样在控制台上输出 options 里的东西 ..

再回到开发者工具 .. 在初始化这几个字的下面,输出的就是 onLaunch 里的 options 参数 .. 它是一个对象 .. 里面有一些属性 .. path 表示的是小程序的路径 .. scene 这个属性的值表示不同的场景 ..

显示,这两个字下面的东西是 onShow 函数里的 options 参数的值 .. path 现在显示的是首页 .. scene 的值是 1001 ..

我们再打开 活动 这个标签 .. 然后让小程序进入到后台 .. 这里会出现一个场景列表 .. 它表示的进入小程序前台的不同的方式 ..

比如 1001 这个场景值表示的就是 发现栏小程序主入口 .. 这里我们选择下面这个 1005 ..

再看一下 onShow 的 options 参数 .. 现在 path 的值是活动页面的路径 .. scene 的值是 1005 ... 之前它的值是 1001 .. 我们可以在生命周期函数里根据这些选项的值去做不同的事情 ..

App:小程序的生命周期函数《 微信小程序:框架 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点