微信小程序App()方法与getApp()方法

╰半橙微兮° 2022-11-19 01:29 175阅读 0赞

### 文章目录 ###

*   *  app.js
     *  demo.js
     *  注意：

`App()`含义:

*  注册一个小程序
 *  小程序的入口方法

例如：

## app.js ##

App({ 
      onLaunch: function(options) { 
        console.log("onLaunch");
      },
      onShow: function(options) { 
          console.log("onShow");
          // Do something when show.
      },
      onHide: function() { 
          console.log("onHide");
          // Do something when hide.
      },
      onError: function(msg) { 
          console.log(msg)
      },
      test:function() { 
        console.log("I am func from App.js");
      },
      globalData: { 
        userInfo:null,
        helloFromApp:'Hello,I am From App.js'
      }
    })

在其他子页面如何使用呢？

## demo.js ##

var app = getApp();
    console.log(app.globalData.helloFromApp); // 调用全局变量
    app.test(); // 调用全局方法

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]  
我们发现，全局变量和全局方法都被调用了。

通过getApp获取全局对象，然后进行全局变量和全局方法的使用。

## 注意： ##

*  App() 必须在 app.js 中注册，且不能注册多个。  
    不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。
    
        this.globalData.userInfo = res.userInfo
 *  不要在 onLaunch 的时候调用 getCurrentPages()，此时 page 还没有生成。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]: /images/20221022/87f67acba8514eeaa2a86b86724bf375.png