3

我是 Javascript 的初学者，很难理解构造函数和原型属性之间的关系。

我知道 Prototype 对象有一个constructor指向构造函数的属性。并且构造函数有一个prototype指向原型对象的属性。

这是我试图理解的代码（我的问题在代码中注释）：

function Car(){};
var myCar = new Car();
console.log(Object.getPrototypeOf(myCar)); //why this prints "Car" Object ? isn't it the constructor not the prototype object ? why the prototype object is not printed ?


var Vehicle = {
    getName : function(){
        return "hello";
    }
};
Car.prototype = Vehicle ; //I'm trying to change the prototype property in the constructor to "Vehicle" Object is that done right ?
console.log(Object.getPrototypeOf(myCar).getName()); //Why am i getting getName() function does not exist ?
4

1 回答 1

6

为什么这会打印“汽车”对象？不是构造函数不是原型对象吗？为什么不打印原型对象？

这就是 Chrome（或您使用的浏览器）命名对象的方式。如果您仔细查看属性，它确实是Car.prototype：

在此处输入图像描述

我正在尝试将构造函数中的原型属性更改为“车辆”对象，这样做对吗？

您不能更改现有对象的原型，只能扩展它。设置Car.prototype = Vehicle;只会改变未来实例的原型Car，现有的仍然会引用原始原型对象，它没有getName属性：

// create a new instance after setting the new prototype
var myCar2 = new Car();
// yields false
console.log(Object.getPrototypeOf(myCar) === Object.getPrototypeOf(myCar2));

这实际上与原型无关，而与 JavaScript 中赋值和引用的工作方式有关。想象一下，我有以下对象：

var foo = {
    bar: {
        answer: 42
    }
};

并假设我分配foo.bar给另一个对象的属性：

var baz = {};
baz.xyz = foo.bar;

现在设置foo.bar为其他值，比如foo.bar = {}，不会改变 的值baz.xyz，它仍然会引用之前的对象。

只有扩展原始对象（扩展原型）或更改其属性才会产生效果，因为两者都foo.bar引用baz.xyz同一个对象：

foo.bar.answer = 21;
console.log(baz.xyz.answer); // shows 21
// console.log(foo.bar === baz.xyz); // yields true
于 2012-07-13T23:49:15.173 回答