Question

当我在JS中继承时，我在派生类中找到了与基类属性重复的额外属性;我无法猜测如何强制派生类使用基类的属性。我需要向正确的方向努力，以便我可以修复我的继承模型，或者我可以改变我使用原型继承的方式。

假设我从这个典型的继承函数开始：

Function.prototype.inheritsFrom = function( parentClassOrObject ){
if ( parentClassOrObject.constructor == Function ) { 
    this.prototype = new parentClassOrObject;  //Normal Inheritance 
    this.prototype.constructor = this;
    this.prototype.parent = parentClassOrObject.prototype;
} else { 
    this.prototype = parentClassOrObject;      //Pure Virtual Inheritance 
    this.prototype.constructor = this;
    this.prototype.parent = parentClassOrObject;
} 
return this;
};

你可能以前见过这个。现在我创建以下继承：

function base() {
    this.id = 0;
};

base.prototype.init = function ( _id ){
    this.id = _id;
};

function entity(){
};

entity.inheritsFrom( base );

entity.prototype.init = function( _id ){
    this.parent.init.call( this, _id );
};

现在我们使用如下的实体类：

var e = new entity();
e.init( "Mickey" );
console.log( e.id );

当我检查新实体类的属性时...我现在有两个ID（参见下面的输出）。显然这是一个微不足道的案例，但我花了很多时间试图让它发挥作用。

e: entity
  id: "Mickey"
  __proto__: base
    constructor: function entity(){
    id: 0
    init: function ( _id ){
    parent: base
    __proto__: base

为什么我有两个ID？派生类甚至不引用基类的'this.id'。

Answer 1

在inheritsFrom中，new parentClassOrObject调用基础构造函数并将id属性设置为原型。您需要更改方法：

Function.prototype.inheritsFrom = function( parentClassOrObject ){
  if ( parentClassOrObject.constructor == Function ) {
    function tmp() {}
    tmp.prototype = parentClassOrObject;
    this.prototype = new tmp;  //Normal Inheritance 
    this.prototype.constructor = this;
    this.prototype.parent = parentClassOrObject.prototype;
  } else { 
    this.prototype = parentClassOrObject;      //Pure Virtual Inheritance 
    this.prototype.constructor = this;
    this.prototype.parent = parentClassOrObject;
  } 
  return this;
};

Javascript原型继承在派生类中创建了额外的属性

1 个答案: