関数のメソッドを返す

Question

以下のコードでは、宣言された2つのオブジェクトがあり、1つのオブジェクトが別のオブジェクトのプロパティと関数を継承しています。

super変数を使用して、継承したオブジェクトのメソッドを呼び出す必要があります。私がitemEditorをトレースすると、関数とそのメソッドを正しく見ることができます。 itemEditorのメソッドにアクセスしようとすると、undefinedが返されます。

私は間違っていますか？これを行うより良い方法はありますか？

var myObject = {  
itemEditor : function (vars) { 

    this.editItem = function() { 
     alert("Editing Item"); 
    } 
}, 

recurringItemEditor : function (vars) { 
    myObject .itemEditor.apply(this, [vars]); 
    this.prototype = myObject.itemEditor.prototype; 
    var super = myObject.itemEditor 

    this.editItem = function() { 
     console.log("fn.recurringItemEditor.editItem"); 
     console.log(super); 
     console.log(super.editItem); 
     super.editItem.call(this); 
    } 
} 

Answer 1

コードが少し混乱しているようです。一方では、myObject.itemEditorはコンストラクタであるため、関数（myObject.itemEditor.apply(this, [vars])）であり、プロトタイプ（this.prototype = myObject.itemEditor.prototype;）のオブジェクトのように扱われます。

これは、superが予約されていることを考慮していません。

あなたの例では、何かしようとしているものを単純化しているかもしれませんが、通常のプロトタイプ継承を使用しない理由はわかりません。そうすれば、ローカルインスタンスにメソッドを持ち、プロトタイプを呼び出すことができます。

recurringItemEditor : function (vars) { 
    this.prototype = new myObject.itemEditor(vars); 

    this.editItem = function() { 
     console.log("fn.recurringItemEditor.editItem"); 
     console.log(this.prototype); 
     console.log(this.prototype.editItem); 
     this.prototype.editItem.call(this); 
    } 
} 

Answer 2

私はあなたのアドバイスを使用して、今はうまくいきます。ファンクションとオブジェクトのように扱う点に関しては、オブジェクトがitemEditorのプロパティを継承するためにはまだmyObject .itemEditor.apply(this, [vars]);が必要でした。私は元のコードでそれを明確にすべきでした。これを行うより良い方法があれば教えてください。

var myObject = {  
    itemEditor : function (vars) { 
     var myVars = vars + "foo"; 

     this.editItem = function() { 
      alert(myVars); 
     } 
    }, 

    recurringItemEditor : function (vars) { 
     myObject .itemEditor.apply(this, [vars]); 
     this.prototype = new myObject.itemEditor(vars); 

     this.editItem = function() { 
      console.log("fn.recurringItemEditor.editItem"); 
      console.log(this.prototype); 
      console.log(this.prototype.editItem); 
      this.prototype.editItem.call(this); 
     } 
    } 
}