Javascript Prototype Quirk - 谁能解释一下？

Question

我对以下代码的期望是，如果我检查a.name，它将搜索原型并在声明时返回它。谁能指出是什么阻止了 JS 承认我的原型？

var obj = function(parent){
    return {
        prototype: parent
    }
};

var me = { name: 'keith' };

var a = new obj(me)
// => undefined

a.name
// => undefined

a.prototype.name
// => "keith"

Answer 1

名为“prototype”的属性只是一个属性，它并不指向该对象所继承的对象。使用Object.getPrototypeOf 或non-standard __proto__ property 来获取。

所以您的函数obj(me) 返回的只是一个具有属性“原型”的对象，该对象指向一个具有属性“名称”的对象，该属性指向字符串keith。由于您的函数返回一个对象，因此是否使用 new keyword 调用它没有区别。

对于继承，构造函数 [object] 的“原型”属性值得关注。此构造函数（不返回对象）使用new 关键字创建的每个对象都继承自构造函数 的“原型”属性指向的对象。所以你可以这样做：

var Constructor = function() {
    console.log(this); // logs the currently created object
    // return nothing
}
Constructor.prototype = { name: 'keith' };

var a = new Constructor(); // logs an empty object
Object.getPrototypeOf(a) === Constructor.prototype; // true
a.name; // "keith" - inherited

Answer 2

在函数中你没有触及函数原型。您只是返回一个具有属性“原型”的新对象，其父值作为值。因此，您只能通过该属性访问它。

您似乎正在尝试实现继承，这是一个很好的阅读：Prototypal Inheritance in JavaScript 和 Classical Inheritance in JavaScript

Answer 3

我怀疑您正在以类似于覆盖 undefined“值”的方式覆盖 prototype 属性。

Answer 4

这里的问题是你返回一个名为 prototype 的属性，其值为 parent，它是一个对象，所以你返回一对 prototype = {name = 'keith'} 并且当你调用 new obj 时，你正在添加到原型a 一个名为 prototype 的新属性。

你只需要一点改变，我需要这就是你想要做的。这会起作用，只是要小心重载属性。

var obj = function(parent){
   for(var propt in parent){
      this[propt] = parent[propt];
   }
}

var me = { name: 'keith' };
var a = new obj(me);
console.log(a);
// => Object { name="keith"}
console.log(a.name);
// => "keith"

编辑：如果您正在寻找使用原型的继承，您应该read this 或尝试TypeScript，一个新的 javascript 类型和 OO 库

Answer 5

您似乎用假的原型覆盖了真正的原型。