微信小程序app.js的基本代码分析

微信小程序app.js的基本代码分析

备注：若无法查看图片，可以关注微信公众号”不一样的IT订阅“查看完整内容。

  如前面分享所说的app.js是微信小程序的入口，里面只有一个函数App().那么我们只用理解了App()的代码及功能就理解了App.js文件内容。关于App()函数，用微信官方的话是“App()函数用来注册一个小程序。接受一个Ojbect参数，其指定小程序的生命周期回调等。“。

   这句官方语言读起来并不是那么好懂。今天用容易理解的语言来描述一下App()。

所谓的注册一个程序，其实就是相当于你使用一次小程序。小程序的处理内容就在App()的参数里面。另外，App()必须在app.js中调用，否则小程序连入口都没有。而且也只能调用一次，如果多次调用会出现不可预知的严重后果。

默认情况下，它只有onLaunch参数和globalData参数。

关于OnLaunch就是在小程序初始化完成时，启动小程序时执行的代码，生命周期里，只执行一次。

可以在OnLaunch的代码最后面加console.log('OnLaunch')，就是执行OnLaunch的时候，在控制台输出OnLaunch。

在App()中，除了onLuanch参数外，还有其它的。常用的将分享如下。

（1）    onShow

        onShow是在小程序启动，或者从后台进入到前台的时候，会触发onShow参数。

为了测试这个参数的效果。可以像下图一样添加代码。

然后点击编译或者切前台控制台会对应输出指定的字符串。注意：【切后台】与【切前台】为同一个按钮，当点击【切后台】时，小程序模拟器进入后台模式，然后字样会变成【切前台】。同样，再次点击一下，小程序模拟器进入前台模式，字样变成【切后台】。

（2）    onHide

onHide与onShow相反的事情。可以同样添加代码，然后点击【切后台】看输出效果。

onShow()和onHide()为小程序的事件。如果想在App()中可以添加任意多的其它function.

只要符合以下模式。

综上所述,App.js是小程序的入口，它有onHide,onShow等系统事件，也可以自己定义各式各样的但结构一致的function.