擴展（繼承）類（或對象）在Javascript

Question

我工作的一個UI自動化項目，我想從另一個頁面對象擴展一個頁面對象。我搜索的方式來實現這一點，但無法找到我正在尋找什麼。 基本上我有這樣的代碼設置。

BasePage.js

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; 
}); 

我想只是這樣做是爲了繼承BasePage的方法LoginPage：

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

只是爲了我的信息使用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; 
} 

修訂

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());