场景
- 小程序一般都有个获取用户信息,然后这个页面我觉得在page.js里或者component.js里写不美,于是写到app.js上,后来发现严重问题,因为操作是异步,别的页面取回来的这个值就为undefined。
解决方法
- 博主一开始各种百度小程序全局变量的监听方法,百度到个在app.js上定义个watch函数,里面使用Object.defineproperty来绑定变量,调用页面调用这个watch函数。博主研究半天发现这玩意不顶用,这玩意本质貌似是在子页面调用app.js的方法使用子页面setData操作起到既刷新页面又更新全局变量的目的,但是这种场景只适合子页面进行修改各个页面来获取的情况,并不适用于app.js修改了各个页面获取的情况。
- 后来想了一下这种回调原理,实际上是需要有个传入的函数,然后操作完成后运行这个函数,那么在这种场景下就是需要给app.js由子页面传一个函数过来,然后异步回调完成后调用这个传来的函数。然后就去翻一下官方文档,如何让子页面给app.js里挂函数,查不到这种操作。于是个人认为小程序没法在app.js里搞异步调用,当然很多人有些丑陋的解决方法比如settimeout那些不提了。如果各位看官有更好的方法请留言告诉我。
- 最终我还是在子页面上做异步操作,然后挂到全局,在写个判断就Ok了。如果需要修改和监听,可以参考方法一,感觉也可以写个自定义组件就ok