一个黑科技版的this指向问题

偶然间见到这么一段代码,但有点困惑

function Test() {
    Test.prototype.add = num => {
      this.number = num
    }
    Test.prototype.number = 0
  }

t1 = new Test()
t2 = new Test()
t1.add(12)
var a = t1.number
var b = t2.number
console.log(a, b) // => 0,12

最后的结果是0,12
为什么这里的结果不是12,12,或是12,0

我大概有点思路,但不敢肯定,故在此恳请各位大佬予以指导
我的思路是 this.number this在此时指向了t2。

最后,希望大佬予以解决,给点详细的思路,谢谢了!

阅读 2.5k
3 个回答

每实例化一次Test,Test.prototype.add都会被重新赋值一次,并且赋值的函数为箭头函数,箭头函数无自身的上下文,其中的this指向Test上下文中的this,即每次实例化的实例对象。

function Test() {
Test.prototype.add = num => {

 this.number = num

}
Test.prototype.number = 0
}

t1 = new Test();
t2 = new Test();
t1.add(12)
此时:
t1: {number: 12, add: num => {}}
t2: {number: 0, add: num => {}}
这是2个对象了,没有关系, 如果输出 Test.prototype ,依然是0, 但两个对象t1 t2没有关系的

emm... 每次new之后都add中this的指向都变了.. 指向了你最后一个实例.. 所以add之后都是改的最后一个实例的number...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题