07小程序启动流程

先上一张图来看一看
07小程序启动流程

 //下面这几个函数。必须在 app.js 中调用,必须调用而且只能调用一次。不然会出现无法预期的后果。
  

    // 初始化函数
    onLaunch(options) {
        console.log("初始化完成 onLaunch")
        // onLaunch是初始化的。相当于vue中的created哈。

        // 这里可以获取用户的信息哈
        wx.getUserInfo({
             // 下面这个是异步调用的哈
            success: function (res) {
                console.log("个人信息",res)
            }
        })
    },

    // 小程序界面出来会执行的函数哈
    onShow(options) {
        console.log("界面出来我就会执行",options)
        // options可以获取当前页面路径(那一个页面  这个页面下接受的 参数)

        setTimeout(function(){
            const err=new Error();
            // 抛出这个错误
            throw err
        },3000)
    },

    // 界面被隐藏的时候  会执行哈如(退出小程序就会执行这个)  你可以点击右边哪一个  小圆圈
    onHide() {
        // Do something when hide.
        console.log("界面被隐藏了")
    },
    
    // 当出错就会执行这个
    onError(msg) {
        console.log("程序出错了",msg)
    },

这几个就是小程序的声明周期函数(app级别的声明周期函数)。
执行的顺序肯定是这样的,(有先后顺序)
但是里面输出来的值,却不一定是先执行的声明周期函数里面的值先出来。
因为你生命周期中可能写了回调函数哈。比如说

 wx.getUserInfo({
             // 下面这个是异步调用的哈
            success: function (res) {
                console.log("个人信息",res)
            }
        })
success是一个回调函数它里面的值声明时候出来你也不晓得哈

07小程序启动流程

上一篇:微信公众平台运营指导


下一篇:webpack(三)之source-map(二)