小程序 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是不是有值。然后放开断点，再看是不是有值。然后你就明白了。