更新JavaScript中的原型屬性

Question

我試圖實現原型繼承，但我不理解它的行爲。

請看下面的例子：

var config = { 
    writable: true, 
    enumerable: true, 
    configurable: true 
}; 

var defineProperty = function(obj, name, value) { 
    config.value = value; 
    Object.defineProperty(obj, name, config); 
} 

var man = Object.create(null); 
defineProperty(man, 'sex', 'male'); 

var yehuda = Object.create(man); 
defineProperty(yehuda, 'firstName', 'Yehuda'); 
defineProperty(yehuda, 'lastName', 'Katz'); 

當我訪問yehuda.sex回報male這是正確的，但是當我嘗試更新到底發生了什麼這是一個新的屬性sex對yehuda創造價值。

一個可能的解決方案是直接訪問原型屬性（Object.getPrototypeOf(yehuda).sex = 'female'），但這意味着我需要知道對象屬於哪個屬性。

Answer 1

使用原型的想法是，當您嘗試訪問對象上的屬性時，解釋器將首先嚐試在給定對象上查找該屬性。

如果在給定對象上找不到屬性，則解釋器將嘗試在對象的原型上找到它，等等，直到原型鏈在null結束。

如果找不到財產，解釋器將返回undefined。否則它返回屬性值。

在你的情況下，當你訪問屬性sex它沒有在對象上找到，但它可以在對象的原型上找到。因此它返回male。

然後，當您爲sex分配新值時，它會在給定對象上創建新屬性，而不是更改對象原型的屬性，因爲JavaScript是動態語言。

這很好，因爲新值會影響舊值。這就是原型繼承的工作方式。

如果你明確要在原型，而不是給定的對象，我建議你創建你的對象化子性質如下更新屬性：

function defineProperty(object, name, value) { 
    Object.defineProperty(object, name, { 
     value: value, 
     writable: true, 
     enumerable: true 
    }); 
} 

function extendObject(object) { 
    var extendedObject = Object.create(object); 

    Object.keys(object).forEach(function (key) { 
     Object.defineProperty(extendedObject, key, { 
      set: function (value) { 
       object[key] = value; 
      }, 
      enumerable: true 
     }); 
    }); 

    return extendedObject; 
} 

var man = Object.create(null); 
defineProperty(man, "sex", "male"); 

var yehuda = extendObject(man); 
defineProperty(yehuda, "firstName", "Yehuda"); 
defineProperty(yehuda, "lastName", "Katz"); 

這應該解決您的問題。要了解更多關於原型繼承，請閱讀this答案。

編輯：我建議你不要試圖改變原型的值。這是因爲許多對象可能具有相同的原型。更改原型上的任何值意味着更改將反映在取決於它的所有對象上。除非這是你想達到的目標，否則我建議你在原型鏈上設置陰影屬性。

注意：您可以刪除對象的屬性。如果您刪除的屬性隱藏了另一個屬性，則下次訪問相同屬性名稱時將使用該屬性。