微信小程序页面调用app.js的方法/app.js调用页面的方法

1.微信小程序 如何使用globalData

App({
  globalData: {
    pageName: 'index',
  },
  onLoad: function(){
     console.log(this.globalData.pageName);
   }
})

如果我们需要在app.js中修改globalData，只需要给对应的变量重新赋值就可以了：

App({
  globalData: {
    pageName: 'index',
  },
  onLoad: function(){
     console.log(this.globalData.pageName);
     this.globalData.pageName = 'new';
   }，
   globalFn: function() {
   }
})

2.在其他页面中使用globalData，以及调用app.js的方法
首先引用app()实例

const app = getApp();

获取globalData以及修改globalData

var app = getApp();
Page({
    onLoad: function() {
        console.log(app.globalData.pageName);
        app.globalData.pageName = 'new';
    }
})

调用app.js的方法

var app = getApp();
Page({
    onLoad: function() {
        console.log(app.globalData.pageName);
        app.globalData.pageName = 'new';
        app.globalFn();
    }
})

3.app.js调用页面的方法
页面中：

var app = getApp();
Page({
    onLoad() {
        console.log(app.globalData.pageName);
        app.globalData.pageName = this; // 将globalData的页面指向自己
        app.globalFn();
    }，
    callbackFn() {
       console.log('app.js调用的方法');
    }
})

app.js中：

App({
  globalData: {
    pageName: 'index',
  },
  onLoad: function(){
     console.log(this.globalData.pageName);
   }，
   globalFn: function() {
       this.globalData.pageName.callbackFn();  // 调用页面里的方法
   }
})