正确的方法来更改对象__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