正確的方法來更改對象__proto__屬性

Question

我知道javascript原型繼承相當不錯，但我有一個類似於角scopes的情況，我不知道如何處理它。

讓我們開始錯誤（因爲它是壞主意改變__proto__財產），但工作例如

https://jsfiddle.net/hxm61r7j/

function Scope() { 
} 

Scope.prototype.$new = function() { 
    var new_scope = new Scope(); 

    //TODO: change line bellow 
    new_scope.__proto__ = this; 

    return new_scope; 
} 

// Create root scope 
var scope_level_1 = new Scope(); 
scope_level_1.a = 'scope_level_1 a'; 
scope_level_1.b = 'scope_level_1 b'; 

// Create scope which inherits from parent 
var scope_level_2 = scope_level_1.$new(); 
scope_level_2.b = 'scope_level_2 b'; 

// We don't have property "a" in "scope_level_2" so it will be taken from "scope_level_1" 
// But we have property "b" in "scope_level_2" so it will be taken from there 
console.log(scope_level_2.a, scope_level_2.b); 

正如你看到的，我需要一種方法來創建某種scope這將有一些屬性。後來我需要創建其他的scope，它將繼承前一個。我的意思是，如果屬性沒有在當前範圍中定義，則將從父項中取出。

但我不知道如何改變這一行：new_scope.__proto__ = this;

Answer 1

我認爲你正在尋找Object.create()。

此功能允許您創建與內部原型屬性一個新的JavaScript對象（__proto__）設置爲你傳遞給函數的第一個參數的任何對象：

Scope.prototype.$new = function() { 
    var new_scope = Object.create(this); 
    // If you also need to call the constructor function: 
    Scope.call(new_scope); 

    return new_scope; 
} 

或者，你可以使用Object.setPrototypeOf()，但這是ECMAScript的6的一部分和瀏覽器支持可能會有所不同：

Scope.prototype.$new = function() { 
    var new_scope = new Scope(); 

    Object.setPrototypeOf(new_scope, this); 

    return new_scope; 
} 

注意，__proto__屬性只被在ES 6標準化，因此，其直接操縱是迪斯科uraged。

Answer 2

首先它是不使用dunder原一個很好的做法，有setPrototyOf對於事業

setPrototypeOf

當然，除非你需要支持舊的IE版本。

現在請記住，在設置原型之後，您還需要再次設置構造函數。 所以正確的是 new_scope。 proto = this.prototype; new_scope。 原 .constructor =的[如何JavaScript的.prototype合作？] this.prototype.constructor