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