js如何获取正确的this？

Question

有一个对象A：

function A(){
    this.Avar = 'hello';
}
A.prototype.breadcrumb = {
    push: function(){
        console.info(this.Avar);
    }
};
var a = new A();

我想添加一个breadcrumb对象，使用new A().breadcrumb.push，但是打印出来的this是{push: ...}对象，而不是A对象，我该怎么改造让他读的是A对象的上下文？

Answer 1

function A() {
  this.Avar = 'hello'
}
A.prototype.breadcrumb = function() {
  const ctx = this
  return {
    push: function() {
      console.log(ctx.Avar)
    }
  }
}

new A().breadcrumb().push()

Answer 2

在不依赖实例的情况下是有方法的。
不过不确定你的需求是什么，如果仅仅是个链式操作可以这样。

"use strict";

function A(){
  this.Avar = 'hello';
}
A.prototype.breadcrumb = function() {
  return {
    push: () => {
      console.log(this.Avar);
    }
  };
};

new A().breadcrumb().push(); // 'hello'

Answer 3

在push上加一个let _this=this;

后面全用_this代替this就行了

Answer 4

function A(){

this.Avar = 'hello';
var self = this;
this.breadcrumb = {
    push:function(){
        console.log(self.Avar);
    }
};

}
var aa = new A();
aa.breadcrumb.push();