亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue中箭頭函數與普通函數 this指向

vue中箭頭函數與普通函數 this指向

婷婷同學_ 2018-08-18 15:34:21
問題描述:封裝了axios方法,getAxios()是成功時的callback為什么會出現下面代碼中的結果我的想法:1.()=>{} 等價于 function(){}.bind(this)2.在嚴格模式下,沒有直接調用者的函數中的this是 undefined自己隱約知道原因,但又不確定,希望能得到明朗的答案。  created () {    this.getBannerList()   },   methods: {     getBannerList () {       getAxios('/bannerApi', (res) => {        console.log(this)      //結果:VueComponent對象        })                getAxios('/bannerApi', function (res) {        console.log(this)      //結果: undefined       })     }   }
查看完整描述

2 回答

?
繁花如伊

TA貢獻2012條經驗 獲得超12個贊

問題描述:
封裝了axios方法,getAxios()是成功時的callback
為什么會出現下面代碼中的結果

我的想法:
1.()=>{} 等價于 function(){}.bind(this)
2.在嚴格模式下,沒有直接調用者的函數中的this是 undefined
自己隱約知道原因,但又不確定,希望能得到明朗的答案。

  created () {    this.getBannerList()
  },

  methods: {
    getBannerList () {
      getAxios('/bannerApi', (res) => {        console.log(this)      //結果:VueComponent對象 
      })  
      
      getAxios('/bannerApi', function (res) {        console.log(this)      //結果: undefined
      })
    }
  }


查看完整回答
反對 回復 2018-08-19
  • 2 回答
  • 0 關注
  • 1775 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號