首頁猿問 vue中箭頭函數(shù)與普通函數(shù) this指向

vue中箭頭函數(shù)與普通函數(shù) this指向

Vue.js

婷婷同學(xué)_ 2018-08-18 15:34:21

問題描述：封裝了axios方法，getAxios()是成功時的callback為什么會出現(xiàn)下面代碼中的結(jié)果我的想法：1.()=>{} 等價于 function(){}.bind(this)2.在嚴(yán)格模式下,沒有直接調(diào)用者的函數(shù)中的this是 undefined自己隱約知道原因，但又不確定，希望能得到明朗的答案。 created () { this.getBannerList() }, methods: { getBannerList () { getAxios('/bannerApi', (res) => { console.log(this) //結(jié)果：VueComponent對象 }) getAxios('/bannerApi', function (res) { console.log(this) //結(jié)果: undefined }) } }

查看完整描述

2 回答

繁花如伊

TA貢獻(xiàn)2012條經(jīng)驗(yàn) 獲得超12個贊

問題描述：
封裝了axios方法，getAxios()是成功時的callback
為什么會出現(xiàn)下面代碼中的結(jié)果

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

  created () {    this.getBannerList()
  },

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

反對回復(fù) 2018-08-19