微信小程序怎樣監(jiān)聽全局變量

這篇文章主要講解了“微信小程序怎樣監(jiān)聽全局變量”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“微信小程序怎樣監(jiān)聽全局變量”吧！

開始吧

首先全局變量里肯定要先有這個(gè) red_heart

globalData: {
    red_heart:0,
  },

然后要在onLaunch方法里給全局變量加一個(gè)Proxy代理。

Proxy很好理解，懂得都懂。

this.globalData = new Proxy(this.globalData, {
      get(target, key){
        return target[key];
      },
      set:(target, key, value)=>{
        if(key === "red_heart"){
          this.globalDep.RedHeartDep.notifuy()
        }
        return Reflect.set(target, key, value);
      }
    });

主要看set方法里面有一個(gè)this.globalDep.RedHeartDep.notifuy()，這個(gè)是啥。這是我在全局創(chuàng)建的一個(gè)Dep，簡稱依賴收集。

代碼

globalDep:{
    RedHeartDep:{
      subs:[],
      addSub(watch){
        this.subs.push(watch)
      },
      removeWatch(id){
        this.subs = this.subs.filter((item)=>{
          return item.id != id
        })
      },
      notifuy(){
        setTimeout(()=>{
          this.subs.forEach(w=>w.update())
        },0)
      }
    }
  }

subs是一個(gè)數(shù)組，用來收集依賴，addSub和removeWatch，notifuy是用來告訴這個(gè)東西要去更新了。

那現(xiàn)在還有一個(gè)問題，就是這個(gè)依賴在哪里添加呢，當(dāng)然是在用到的地方添加，就是組件創(chuàng)建的時(shí)候。

附上組件js全部代碼:

const app = getApp()
Component({
  properties: {

  },
  data: {
    red_heart:0
  },
  lifetimes:{
    attached(){
      let watch = {
        id:this.__wxExparserNodeId__,
        update:()=>{
          this.setData({
            red_heart:app.globalData.red_heart
          })
        }
      }
      app.globalDep.RedHeartDep.addSub(watch)
      app.globalData.red_heart = app.globalData.red_heart
    },
    detached(){
      app.globalDep.RedHeartDep.removeWatch(this.__wxExparserNodeId__)
    }
  },
  methods: {
    handClick(){
      app.globalData.red_heart++
      console.log(app.globalData)
    }
  }
})

在attached上添加依賴，在組件銷毀的時(shí)候也不要忘記把依賴刪除，這個(gè)id是小程序的一個(gè)編譯id，直接拿來用了。
害就這樣了就做好啦！

總結(jié)

感謝各位的閱讀，以上就是“微信小程序怎樣監(jiān)聽全局變量”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對微信小程序怎樣監(jiān)聽全局變量這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！