前言
在做一个音频小程序的时,由于用到了背景音频,需要无论在哪个页面都有持续播放音频,但是在实际操作中,当在由于小程序没有vue中的watch,有时候会不方便,于是想到是否能封装一个类似功能。在网上查了一些大牛的案例结合项目,最终搞定了这个功能。
思路
监听器的原理,将data中需监听的属性写在watch对象中,并给其提供一个方法,当被监听属性的值改变时,调用该方法。所以我们可以,用Object.defineProperty()方法,来手动劫持对象的getter/setter,从而实现给对象赋值时(调用setter),执行watch对象中相对应的函数,达到监听效果。
实现
由于是做一个全局都可以调用的东西,所以我们可以将方法直接封装到appjs中
app.js
//app.js
const myAudio = wx.getBackgroundAudioManager()
App({
onLaunch: function () {
},
globalData: {
token:'',
appName:'',
otherType:'',
music:{
},
otherWayList: