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

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