微信小程序，this指向問題

寫wx.request函數的sucess返回時，需要更改data里面的屬性值，this.setData遇到了undefined報錯

根據網上博客方法，更改如下：

方法一：設置一個傳值變量that

onLoad: function (options) {
    var that=this;    //在此時this指的是window，把其賦給that
   wx.request({
     url: '某地址',
     method:"get",
     data: {
       msg: {
         "buyerIdCard": "某證",
         "status":"yes"
       }
     },
     header: {
       "Content-Type": "application/json;charset=UTF-8"
     },
     success:function(res){
       that.setData({       //在此就可直接用data中的屬性了
        listArr:res.data.msg
       })
     }
   })
  },

原因：回調函數success中的this顯示undefined，需要將外層this傳進來。至於為啥會報undefined，有人給出解釋是this指向回調函數本身。挖個坑

 

方法二：使用箭頭函數：

   success:(res)=>{
       console.log(this);
       console.log(that);
       this.setData({
        listArr:res.data.msg
       })
     }

　控制台顯示這兩個指向相同

原因：箭頭函數中this指向外層作用域，例子：

var obj = {
  foo() {
    console.log(this);
  },
  bar: () => {
    console.log(this);
  }
}

obj.foo() // {foo: ƒ, bar: ƒ}
obj.bar() // window

 

參考博客內容：1. https://www.cnblogs.com/jjzz1234/p/11620055.html

                         2.https://blog.csdn.net/lwqBrell/article/details/89219364