在对象文字上扩展原型

Question

如果我有以下代码，为什么它返回一个错误，提示无法设置undefined的属性“ second_prop”。 我认为您可以扩展原型属性，并向对象原型添加更多变量和方法。 由于这两个控制台语句返回“ Object”和true，因此为什么返回未定义的错误。 我的想法是，如果“ obj”是Object类型的对象，那么我应该能够执行temp.prototype.newproperty吗？ 因此，对象将具有“新属性”。 但是我显然错了，所以这里有些我想念的东西。 还有，当obj已经是对象文字时，为什么还要做Object.create（）？ 它已经不是一个对象了吗？ 我只是看一些例子并试图理解这一点

    var obj = {
        first_property: 'first property'
    }
    console.log(typeof obj);
    console.log(obj instanceof Object);

    var temp = Object.create(obj);
    temp.prototype.second_prop = 'second property'

输出量

//object
//true
//Uncaught TypeError: Cannot set property 'second_prop' of undefined

那么，为什么我不能做temp.prototype或obj.prototype？

Answer 1

如果我有以下代码，为什么会返回错误，提示无法设置未定义的属性“ second_prop”

Javascript文字对象已经是实例化的对象，并且不具有.prototype属性。 该属性位于构造函数上，而不是已实例化的对象上。 在任何当前浏览器（IE9 +）中，您都可以使用Object.getPrototypeOf()获取已构建对象的原型。

但是，这听起来更像是您宁愿克隆对象，然后向克隆添加属性。 或者，如果您希望两个对象都具有相同的附加属性，则添加该属性，然后对其进行克隆。 或者，如果您只想使用文字对象，则按原样使用它。

构造完对象后，原型便是内部属性，通常并不意味着您要弄乱它。 如果要更改所有对象的原型，则应在构造函数上更改原型。 如果要更改对象的此实例的属性，则只需更改对象本身（而不是原型）的属性。

与往常一样，如果您描述了您实际要完成的工作（而不是为什么您自己的解决方案没有达到您的期望），我们可以为您提供更好的帮助。

我认为您可以扩展原型属性，并向对象原型添加更多变量和方法。

您可以，但是.prototype属性在构造函数上，而不在已构建的对象上。

由于这两个控制台语句返回“ Object”和true，因此为什么返回未定义的错误。 我的想法是，如果“ obj”是Object类型的对象，那么我应该能够执行temp.prototype.newproperty吗？

您将实例化的对象与原型的构造函数混为一谈。 实例化的对象具有作为内部属性的原型，而不是作为公共.prototype属性的原型。 因此，当某物报告instanceof时，这意味着它实际上是该对象类型的实例（因此在其内部原型链中具有该类型的对象原型），而不是它是具有public .prototype属性的构造函数。

还有，当obj已经是对象文字时，为什么还要做Object.create（）？ 它已经不是一个对象了吗？

Object.create()的目的是使用现有对象作为原型来创建一个新对象。 如果您被声明为Javascript文字，而您只想将文字本身用作对象，则没有理由在其上使用Object.create() 。 只需将文字用作其已经构建的对象即可。

Answer 2

temp没有原型。 对象具有原型。 您可以通过调用Object.prototype更改所有对象的原型，但不能只更改一次对象。

Answer 3

.prototype是未始终链接到对象实际原型的属性。 真正的原型可以通过.__proto__

var obj = {
    first_property: 'first property'
}
console.log(typeof obj);
console.log(obj instanceof Object);

var temp = Object.create(obj);

temp.__proto__.second_prop = 'second property';

console.log(Object.getPrototypeOf(temp));

//{ first_property: 'first property',
//second_prop: 'second property' }