Question

我是JavaScript的新手，我正在研究对象创建模式，特别是我专注于Pseudoclasses Pattern，所以我写了几行代码来检查我是否得到了这个概念：

var Car = function (name, x, y) {
    this.name = name;
    this.x = x;
    this.y = y;
};

Car.prototype.drive = function (byX, byY) {
    this.x += byX;
    this.y += byY;
};

var ferrari = new Car("Ferrari", 5, 5);
ferrari.drive(5, 5);

var ferrari_proto = Object.getPrototypeOf(ferrari);
var ferrari_proto_proto = Object.getPrototypeOf(ferrari_proto);
var ferrari_proto_proto_null = Object.getPrototypeOf(ferrari_proto_proto);

console.log(ferrari_proto);                 // Should be Function
console.log(ferrari_proto_proto);           // Should be Object
console.log(ferrari_proto_proto_null);      // Should be Null

我从运行代码得到的是：

{ drive: [Function] }
{ }
null

并记录我得到的这些对象的类型：

object
object
object

现在，我认为以这种方式创建对象，法拉利原型将是Car功能，所以我的期望是：

function    // Tha Car function
object      // The Function prototype, that is Object
object      // null, that is the end of the chain

有人可以解释我为什么得到这些输出以及为什么我错了？！

Answer 1

法拉利原型车将成为Car功能

不，您的ferrari原型（它继承的对象）是Car.prototype - 您可以在其中放置.drive等方法。 Car构造函数与此不同。

Answer 2

在JavaScript函数中，数组也被视为对象。因此日志可能会返回基类型。

这是使用JavaScript Prototypes理解的好资源。

http://yehudakatz.com/2011/08/12/understanding-prototypes-in-javascript/

JavaScript伪类模式

2 个答案: