javascript oop多個類

Question

嗨我有問題的JavaScript！我有main.js和Model.js。 Model.js是一個需要在main.js中訪問其功能的javascript oop類，我該怎麼做？我不斷收到一個Model未定義的錯誤。這些工作是否需要工具或代碼中的錯誤？

Model.js

Model = {}; 

Model.init = function() { 
    alert("model"); 
} 

Model.getList = function(){ 
var list; 
$.ajax(
    { 

    url:'???', 
    type: 'GET', 
    dataType: 'json', 

    success: function(data) 
    { 
    list=data; 
    } 
    error: function(data) 
    { 
    alert("error"); 
    } 
    }); 
    return list; 
} 

main.js

document.addEventListener("deviceready", onDeviceReady, false); 

function onDeviceReady() { 

    var testins=new Model(); 
    var list=Model.getList(); 

    alert("result: "+testins); 
} 

我真的可以使用一些幫助。

所以我嘗試了MrCode方法，並由於實驗原因將代碼放在一個文件中，因爲main.js仍然無法訪問Model.js文件。

main.js

document.addEventListener("deviceready", onDeviceReady, false); 

function onDeviceReady() { 
    alert("aaa"); //first 

    var testins=new Model(); 
    var list=testins.getList(); 

    alert("result: "+testins); // third 

    alert("list"+list); //fourth 
    } 

    function Model() 
    { 
    this.init = function() 
    { 
     alert("Model"); 
    } 
    this.getList = function() 
    { 
     var list; 
     $.ajax(
      { 

      url:'??', 
      type: 'GET', 
      dataType: 'json', 

      success: function(data) 
      { 
      list=data; 
      alert("success"+list); //fifth 
      }, 
      error: function(data) 
      { 
      alert("error"); 
      } 
      }); 
     alert("success"+list); //second 
      return(list); 
    } 
    } 

但下面的提示，我看到的是阿賈克斯的$部分最後完成。

Answer 1

做

function Model() { // this is the "constructor" 
} 

而更換

Model.init = function() { 

通過

​​

（與同爲的GetList）

這將使

• 您來電new Model()
• 的init功能由你new Model()創建對象繼承。

使用方法如下：

var testins=new Model(); // create an instance 
var list=testins.getList(); // call the instance method 

您可能感興趣的this MDN document about prototype and inheritance。

Answer 2

function Model() 
{ 
    // define public methods 
    this.init = function() 
    { 
     alert("Model"); 
    } 

    this.getList = function() 
    { 
     var list; 
     $.ajax(
      { 

      url:'???', 
      type: 'GET', 
      dataType: 'json', 

      success: function(data) 
      { 
      list=data; 
      } 
      error: function(data) 
      { 
      alert("error"); 
      } 
      }); 
      return list; 
    } 
} 

var testins = new Model(); // create an instance of Model() 
var list = testins.getList(); // call its method