如何访问同一 javascript 对象的成员？

Question

假设我有以下对象定义：

var car = function (engine) { 
    this.engine = engine;

    this.calculateSpeed = function () {
        return engine.power * 20;
    };
};

calculateSpeed() 函数中的engine 对象是指通过构造函数传入的引擎对象，而不是汽车的公共引擎成员（这是我想要的）。

如果我想在创建汽车对象后更改汽车的引擎，我希望 calcuateSpeed() 函数引用新引擎。

Inner function cannot access outer functions variable 的问题与我的类似。但并没有完全涵盖我的用例，因为 OP 使用的是局部变量并且没有构造函数。

如果您还可以解释为什么这不起作用，那也会有很大帮助：

var car = function (engineInit) { 
    this.engine = engineInit;

    this.calculateSpeed = function () {
        return engine.power * 20;
    };
};

我知道对于这个简单的示例，我可以使用this.calculateSpeed = engine.power * 20;，但对于我的实际用例，我需要一个函数。

Answer 1

您实际上可以使用this.engine.power。

// Define Car constructor
const Car = function (engineInit) { 
    this.engine = engineInit;

    this.calculateSpeed = function () {
        return this.engine.power * 20;
    };
};

// Create new car instance
const carInstance = new Car({ power: 100 });

// Log the result of calculateSpeed function
console.log(carInstance.calculateSpeed());

Answer 2

如果您希望内部engine 与在实例化Car 外部可见的engine 属性分开，您可以考虑简单地使用另一个本地范围变量，与初始engine 参数分开，并根据需要重新分配：

var Car = function(initialEngine) {
  this.engine = initialEngine;
  let engine = initialEngine;
  this.calculateSpeed = function() {
    return engine.power * 20;
  };
  this.changeEngine = function(newEngine) {
    engine = newEngine;
  }
};

var car = new Car({ power: 20 });
console.log(car.calculateSpeed());
car.changeEngine({ power: 40 });
console.log(car.calculateSpeed());

Answer 3

这个问题与 stackoverflow 上的许多其他问题重复，但无论如何这里有一些东西可以帮助您入门。

通过在另一个变量中捕获它：

var car = function(engineInit) { 
  this.engine = engineInit;
  var self = this;
  this.calculateSpeed = function () {
    return self.engine.power * 20;
  };
};

通过使用绑定：

var car = function(engineInit) { 
  this.engine = engineInit;
  this.calculateSpeed = function () {
    return this.engine.power * 20;
  }.bind(this);
};

通过使用函数的原型：

function Car(engine) { 
  this.engine = engine;
}

Car.prototype.calculateSpeed = function() {
  return this.engine.power * 20;
};

var engine = new Engine();
var car = new Car(engine);
var speed = car.calculateSpeed();