如何在 JavaScript 中创建实例的实例

Question

我想制作一组不同人可以拥有的汽车的独特实例。这些汽车将具有相似的基本规格，但它们的某些属性和方法会有所不同。

我遇到的问题是我不知道它应该如何工作。您如何处理或创建 JavaScript 中的实例实例？

var Car = function(make, country) {
    this.make = make;
    this.country = country;
};

var Ferrari = new Car('Ferrari', 'Italy');

var fred = new Person() {};
var fred.cars['Ferrari'] = new Ferrari(1200, 300000);

由于显而易见的原因，这会导致此错误。我知道它不是构造函数（见下文）。

Uncaught TypeError: Ferrari is not a constructor

我正在寻找的是这样的东西。每个不同的法拉利实例都有不同的价格和里程数。

var Ferrari = function(currentPrice, miles) }
    this.currentPrice = currentPrice;
    this.miles = miles;
    // this is an instance of car, aka it needs the result of this:
    // new Car('Ferrari', 'Italy');

};

Fred 的 Ferrari 是 Ferrari 的一个实例，而 Ferrari 是 Car 的一个实例。问题是我想不出让构造函数构建构造函数的方法。有没有办法做到这一点，或者我只是以错误的方式解决这个问题？

其他说明：

我知道我基本上可以让每种类型的汽车成为静态的 JSON 类对象，然后创建它的实例并添加新的唯一值。但是，我希望能够将 Car 保留为构造函数，以便在需要时可以轻松地制作更多。

我显然缺少对 OOP 或 JavaScript 的一些理解，但如果有人能指出正确的方向，那就太好了。

Answer 1

您正在寻找的是 派生构造函数 和关联的原型，有时称为子类。

在老式的 ES5 中它看起来像这样：

var Car = function(make, country) {
    this.make = make;
    this.country = country;
};
var Ferrari = function(currentPrice, miles) {
    Car.call(this, "Ferrari", "Italy");
    this.currentPrice = currentPrice;
    this.miles = miles;
};
Ferrari.prototype = Object.create(Car.prototype);
Ferrari.prototype.constructor = Ferrari;

工作原理：

Ferrari 是一个构造函数，当被调用时，调用 Car 并使用 this 引用新实例，以及参数 [=13= 】需要。 Car 在实例上设置这些属性。然后我们继续 Ferrari 的代码，它接受传入的参数并（在上面）将它们记住为属性。
我们确保将由new Ferrari（取自Ferrari.prototype）分配给实例的对象使用Car.prototype作为其原型对象，所以如果您将内容添加到 Car.prototype，它们也会出现在 Ferrari 中。
我们确保 Ferrari.prototype 上的标准 constructor 属性指的是 Ferrari.

在 ES2015 中更好（您今天可以通过转译使用它，例如 Babel 等工具）：

class Car {
    constructor(make, country) {
        this.make = make;
        this.country = country;
    }
}
class Ferrari extends Car {
    constructor(currentPrice, miles) {
        super("Ferrari", "Italy");
        this.currentPrice = currentPrice;
        this.miles = miles;
    }
}

Answer 2

如果您希望 Car 个实例成为构造函数，Car 必须 return 一个构造函数。

问题是它将继承自 Function.prototype 而不是 Car.prototype。如果这是不可取的，请使用 Object.setProtetypeOf 修复它：

function Person() {
  this.cars = {};
}
function Car(make, country) {
  var instance = function(currentPrice, miles) {
    this.currentPrice = currentPrice;
    this.miles = miles;
  };
  instance.make = make;
  instance.country = country;
  Object.setPrototypeOf(instance, Car.prototype); // slow!!
  return instance;
}
var Ferrari = new Car('Ferrari', 'Italy');
var fred = new Person();
fred.cars.ferrari = new Ferrari(1200, 300000);

或者，您可以添加将用于 "instantiate" 您的实例的方法。

function Person() {
  this.cars = {};
}
function Car(make, country) {
  this.make = make;
  this.country = country;
}
Car.prototype.instantiate = function(currentPrice, miles) {
  var instance = Object.create(this);
  instance.currentPrice = currentPrice;
  instance.miles = miles;
  return instance;
};
var ferrari = new Car('Ferrari', 'Italy');
var fred = new Person();
fred.cars.ferrari = ferrari.instantiate(1200, 300000);

如何在 JavaScript 中创建实例的实例

How do you create an instance of an instance in JavaScript

javascript

oop

constructor

instances