Javascriptでクラス（またはオブジェクト）を継承（継承）

Question

私は別のページオブジェクトから1ページオブジェクトを拡張したいUIオートメーションプロジェクトに取り組んでいます。私はこれを達成するための方法を探ったが、私が探しているものを正確に見つけることができなかった。 基本的に私はこのようなコード設定をしています。

BasePage.js私はこれを行うことにより、LoginPageにBasePageの方法を継承させたい

define([], 
     function() { 

      function BasePage(remote) { 
      this.remote = remote; 

      } 

      BasePage.prototype = { 
       constructor: BasePage, 
      // common methods to interact with page 

      commonMethodToIntreactWithPage : function{ 
       return doSomething; 
      } 
    }; 

    return BasePage; 
}); 

LoginPage.js

define([], 
     function() { 

      function LoginPage(remote) { 
      this.remote = remote; 

      } 

      LoginPage.prototype = { 
       constructor: BasePage, 
      // Login Page related Methods 

      loginPageRelatedMethod: function{ 
       return doSomething; 
      } 
    }; 

    return LoginPage; 
}); 

：ちょうど情報について

var loginPage = new LoginPage(remote); 
loginPage.commonMethodToIntreactWithPage(); 

をIテスト用にIntern.jsを使用しています。

Answer 1

このように定義する必要があります。最初の行は、BasePage.prototypeにあるプロパティとメソッドを持つ新しいオブジェクトを作成し、これにプロトタイプリファレンスを設定します。したがって、すべてのLoginPageオブジェクトはこれらのプロパティとオブジェクトを持ちます。結局のところ、私はLoginPage（loginPageRelatedMethod）にのみ関連するすべての特定のデータを追加します。また、適切なものを設定することが重要ですconstructor。

LoginPage.prototype = Object.create(BasePage.prototype); 

LoginPage.prototype.constructor = LoginPage; 

LoginPage.prototype.loginPageRelatedMethod = function(){ 
    return doSomething; 
} 

UPDATED

function LoginPage(remote) { 
    BasePage.call(this, remote); 
} 

例

function BasePage(remote) { 
 
    this.remote = remote; 
 
} 
 

 
BasePage.prototype = { 
 
    constructor: BasePage,  
 
    commonMethodToIntreactWithPage : function() { 
 
     return 'From Base Page'; 
 
    } 
 
}; 
 

 
function LoginPage(remote) { 
 
    BasePage.call(this, remote); 
 
} 
 

 
LoginPage.prototype = Object.create(BasePage.prototype); 
 

 
LoginPage.prototype.constructor = LoginPage; 
 

 
LoginPage.prototype.loginPageRelatedMethod = function() { 
 
    return 'From Login Page'; 
 
} 
 

 
var loginPage = new LoginPage('Test'); 
 
console.log(loginPage.commonMethodToIntreactWithPage());