小程序 wx.request this.data

Question

const app = getApp()Page({data: {questions:{},},onLoad: function (options) {this.requestTopic(this);},onReady: function () {},onShow: function (){console.log(this.data);console.log(this.data.questions);},requestTopic : (that) =>{var params = { action: "topics"};wxApi.postRequest(app.globalData.serverUrl, params).then(  (res) => {    that.data.questions = res.data;    //that.setData({ questions: res.data })})}})代码精简过, 在onShow中,console.log(this.data.questions);怎么就拿不到值了呢 -_!!!

Answer 1

因为requestTopic 是异步的，onShow执行完，requestTopic 回调还没执行。

Answer 2

onShow在request返回前执行，所以你在onShow里面打印question的时候，肯定是没有值的。

那么为什么同样是在onShow里面打印data，data里面的question却有值呢？是因为chrome打印出来的对象并不是简单的打印它当时的值，而是打印的是该对象的引用，所以之后你对该对象的所有改变，也会反映到之前的打印结果中去。

一个简单的办法验证这一点，你在request里面打一个断点，当执行到这个断点的时候，你看看onShow里面打印的data是不是有值。然后放开断点，再看是不是有值。然后你就明白了。