Javascript原型继承答案

【问题标题】：Javascript prototype inheritenceJavascript原型继承
【发布时间】：2012-04-12 12:43:48
【问题描述】：

以下代码取自http://bonsaiden.github.com/JavaScript-Garden/

function Foo() {
    this.value = 42;
}
Foo.prototype = {
    method: function() {}
};

function Bar() {}

// Set Bar's prototype to a new instance of Foo
Bar.prototype = new Foo();
Bar.prototype.foo = 'Hello World';

// Make sure to list Bar as the actual constructor
Bar.prototype.constructor = Bar;

我多次遇到这种解释 “当访问一个对象的属性时，它首先检查对象自身是否具有该属性，如果没有，它会转到该对象的原型以查找该属性等等。”

但是由于以下代码的行为，我很难理解这实际上是有效的

var test1 = new Bar();
var test2 = new Bar();

test1.value = 24;

现在 value 不是 test1 对象的一部分，但它是其原型的属性，它是一个 Foo 对象，并且由于原型是一个 Foo 对象，所有 Bar 实例都将共享 value 属性，我期望上面的代码要做的是将 value 属性设置为 24，而是为 test1 对象创建一个名为“value”的新属性，并将其分配为 24，将原型中的 value 属性保留为其初始值 42。这听起来不像是共享. test2.value 的值仍然是 42。当我在 firebug 控制台中查看原型链时，它显示 test1 的 value 属性为 24，其原型的 value 属性为 42。

这很令人困惑。有没有人知道它为什么会这样？

【问题讨论】：

标签： javascript

【解决方案1】：

原型链仅在读取属性时使用，并且仅当在对象本身中找不到该属性时使用 - 写入属性值时不使用它。

一旦您将属性写入到对象 (test1.value = 24) 中，原型中任何现有的同名“共享”属性都会被隐藏，所有后续读取都将立即访问该值存储在对象本身中。

【讨论】：

【解决方案2】：

我想你想要 .hasOwnProperty()

如果这就是你要找的，其他人已经在这里雄辩地总结了它 hasOwnProperty in javascript

编辑

已经阅读了另一个答案，然后这次正确阅读了问题......我想收回那个;-)

...

或者也许这就是您要查找的内容，您想在执行其他操作之前检查该属性是否已设置在“哈希”上。

我读了太多遍了，我想我会很困惑，我现在就闭嘴

【讨论】：

【解决方案3】：

只需在末尾附加以下几行即可检查发生了什么。

var test1 = new Bar();
test1.value = 30;

console.log(test1.hasOwnProperty("value"));
console.log(test1.value);

delete test1.value;

console.log(test1.hasOwnProperty("value"));
console.log(test1.value);

输出：

true
30
false
42

条款：

hasOwnProperty 只返回 true 是 key 是对象的本地属性。
delete 用于删除不触及继承属性的本地属性。

说明如果我们分配一个值，那么它会创建它自己的本地属性并覆盖原型属性。因此，由于局部属性比原型属性具有更高的偏好，因此它们会被首先读取。

【讨论】：