首頁 >web前端 >js教程 >Crockford 的原型繼承如何處理巢狀物件及其繼承?

Crockford 的原型繼承如何處理巢狀物件及其繼承?

Barbara Streisand
Barbara Streisand原創
2024-12-01 13:01:10660瀏覽

How Does Crockford's Prototypal Inheritance Handle Nested Objects and Their Inheritance?

Crockford 的原型繼承:嵌套物件和繼承

Douglas Crockford 的「Javascript:好部分」提倡利用物件來簡化物件繼承.create() 方法可以避免new 關鍵字的陷阱。然而,在使用這種模式時,人們對嵌套物件的行為產生了擔憂。

為了說明這個問題,請考慮以下範例:

var flatObj = {
    firstname: "John",
    lastname: "Doe",
    age: 23
}
var person1 = Object.create(flatObj);

var nestObj = {
    sex: "female",
    info: {
        firstname: "Jane",
        lastname: "Dough",
        age: 32  
    }
}
var person2 = Object.create(nestObj);

在上面的範例中,person1 物件繼承從 flatObj 繼承,而 person2 物件則從 NestObj 繼承。當在繼承物件中修改嵌套物件的屬性時,它會影響原型鏈上的嵌套物件。

person1.age = 69; // Overwrites `age` in `person1`
person2.info.age = 96; // Overwrites `age` in `person2` and `nestObj`

因此,原始巢狀物件被更改,即使更改是有意為之的僅適用於繼承的物件。

此行為對於平面物件不一致。如果修改了 flatObj.age,則不會影響 person1 的age屬性。

flatObj.age = 23; // Only affects `flatObj`

出現不一致的原因是在此繼承模式中,巢狀物件與平面物件的處理方式不同。

解決限制

嵌套物件模式的限制可以透過建立來解決嵌套屬性的獨立對象,然後再分配它們:

person3 = {
    sex: "male"
}
person3.info = Object.create(nestObj2.info);

藉由這樣做,person3 的info 屬性成為一個獨立對象,不受對原型鏈上的嵌套物件所做的變更的影響。

但是,要注意的是,這種方法不會建立完全獨立的物件。如果嵌套物件的某個屬性在繼承物件中被刪除,它也會從原型物件中刪除:

delete child.x; // (child).x.a == 0, because child inherits from parent

綜上所述,Crockford 的巢狀物件原型繼承模式確實有其限制。但是,可以透過在分配嵌套屬性之前為嵌套屬性建立獨立物件來部分解決這些限制。

以上是Crockford 的原型繼承如何處理巢狀物件及其繼承?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn