__proto__，它何時會消失？備擇方案？

Question

Mozilla聲稱它會在__proto__一段時間後刪除（〜2008），並且它仍然在瀏覽器中。它是否仍然會被棄用？它適用於Opera，Safari（我認爲）和Chrome。我不需要擔心IE，所以我很樂意繼續使用它。

不過，我不希望我的代碼，停一天的工作，所以對我的問題：

__proto__允許死的簡單繼承：

a.__proto__ = {'a':'test'} 

反正我有可以複製這個以符合標準的方式？我知道存在功能性繼承，這很醜陋，並且使我只想創建一個原型鏈的事實過度複雜化。只是想知道是否有巫師解決了這個問題。

感謝

Answer 1

注意：改變__proto__的值是不好的做法。這種做法受到JavaScript創始人Brendan Eich等人的強烈譴責。事實上__proto__屬性已經完全從像Rhino這樣的幾個JavaScript引擎中刪除。如果您想知道爲什麼然後閱讀Brendan Eich的following comment。

更新：瀏覽器不會刪除__proto__屬性。實際上，ECMAScript Harmony現在已對__proto__屬性和setPrototypeOf函數進行了標準化。 __proto__屬性僅受傳統原因支持。強烈建議您使用setPrototypeOf和getPrototypeOf而不是__proto__。

警告：雖然setPrototypeOf現在是一個標準，你仍然從因爲變異的對象的原型總是殺死優化，使你的代碼慢用它氣餒。另外，使用setPrototypeOf通常代表質量差的代碼。

---

您不需要擔心現有的代碼在一天內無法工作。 __proto__屬性是留在這裏。

現在，對於手頭的問題。我們希望做一些類似的以符合標準的方法：

var a = { 
    b: "ok" 
}; 

a.__proto__ = { 
    a: "test" 
}; 

alert(a.a); // alerts test 
alert(a.b); // alerts ok 

顯然，你不能使用Object.create，因爲我們沒有創造一個新的對象來實現這個目的。我們只是試圖改變給定對象的內部[[proto]]屬性。問題在於，一旦創建對象，就不可能更改對象的內部[[proto]]屬性（除非通過使用我們試圖避免的__proto__）。

因此，要解決這個問題，我寫了一個簡單的函數（請注意，它適用於所有對象，除了功能）：

function setPrototypeOf(obj, proto) { 
    var result = Object.create(proto); 
    var names = Object.getOwnPropertyNames(obj); 
    var getProp = Object.getOwnPropertyDescriptor; 
    var setProp = Object.defineProperty; 
    var length = names.length; 
    var index = 0; 

    while (index < length) { 
     var name = names[index++]; 
     setProp(result, name, getProp(obj, name)); 
    } 

    return result; 
} 

所以我們現在可以更改任何對象的原型創建完畢後，如下所示（注意，我們實際上並沒有改變對象的內部[[proto]]屬性，而是創建一個新的對象具有相同的屬性定對象從給定的原型繼承）：

var a = { 
 
    b: "ok" 
 
}; 
 

 
a = setPrototypeOf(a, { 
 
    a: "test" 
 
}); 
 

 
alert(a.a); // alerts test 
 
alert(a.b); // alerts ok

<script> 
 
function setPrototypeOf(obj, proto) { 
 
    var result = Object.create(proto); 
 
    var names = Object.getOwnPropertyNames(obj); 
 
    var getProp = Object.getOwnPropertyDescriptor; 
 
    var setProp = Object.defineProperty; 
 
    var length = names.length; 
 
    var index = 0; 
 

 
    while (index < length) { 
 
     var name = names[index++]; 
 
     setProp(result, name, getProp(obj, name)); 
 
    } 
 

 
    return result; 
 
} 
 
</script>

簡單高效（並且我們沒有使用__proto__屬性）。

Answer 2

我怎麼沒看到：

var a = {}; 
a.__proto__ = A; // A is object because no constructor is needed 

簡單比：如果你不

var a = new A(); // A is Constructor function 

現在設立在後一種情況下可以更加詳細」 t需要一個構造函數，但在這種情況下，您可以將它自動化爲一樣簡單：

var A = Constructor({ 
    method: function(){} 
}); // A is function, meant to be used with new 

相比：

var A = { 
    method: function(){} 
}; //A is object, meant to be set as __proto__ 

如果你需要一些初始化的邏輯，它最終可能會更易於只是用 在構造函數必須反正宣佈

Answer 3

正常方式我認爲Mozilla希望實現的目標是非標準化，因此實現者完全可以將其移除。

做原型鏈的更簡潔的方法是Object.create。你的代碼的等效，創建一個對象a與原型{'a': 'test'}是：

a = Object.create({'a':'test'}) 

也有墊片來模仿這種功能在不支持它的瀏覽器，如果你需要一個工作，這是直接與__proto__混淆的另一個優點。