微信小程序app.js如果调用页面里面的方法

拼搏现实的明天。 2022-12-30 10:49 271阅读 0赞

看了大量文章，说的都是怎么从页面调用app.js里面的方法，就是没说app.js怎么调用指定页面里面的方法，研究了好久终于研究了出来；

说一下需求场景，最近在做一个音视频通话的小程序，集成的SDK方法都写在app.js里面作为全局的，这个时候对方呼叫我，我得拉开被呼叫页面，或者别人呼叫到一半我还没接人家就中途取消呼叫了，那我得关闭被被呼叫页面啊。

也就是说app.js里面的监听方法收到对方发过来的信令，这个时候app.js里面是要调用指定页面里面的方法去做一些操作的。

琢磨了好久发现下列方法可行：

第一步：在globalData里面定义一个参数；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70][]

第二步：当收到对方给我推的信令的时候改变这个值

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1][]

第三步：编写一个监听函数，如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2][]

watchIsHangup: function(method){
        var obj = this.globalData;
        Object.defineProperty(obj, 'isHangup', {
          configurable: true,
          enumerable: true,
          set: function (value) {
            method(value);
          },
          get: function(){
            return this.isHangup
          }
        })
      },

第四步：在对应的页面里面调用这个方法，这个时候只要app.js里面isHangup值被改变这个方法就会被调用；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 3][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70]: /images/20221120/5a345ad7ce814e5583bd85156976761b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1]: /images/20221120/5785dd8af8d841148f3474f4cf4864e3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20201225080853259.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20201225081444738.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm,size_16,color_FFFFFF,t_70