jQueryのAjaxとオブジェクトフィールド

Question

：内部関数が実行されたときにthisは私の物ではないので、今

MyObject = function(){ 
    this.field = null; 

    this.build = function(){ 
     var my_url = "..."; 
     var my_data = "..."; 
     $.get(my_url, my_data, function(result){ 
      this.field = result; 
     }); 
    } 

    this.get = function(){ 
     return this.field; 
    } 
} 

object = new MyObject(); 
object.build(); 
my_result = object.get() 

my_resultはnullです。
$.getの戻り値でthis.fieldを設定するにはどうすればよいですか？あなたのコンストラクタの上で

Answer 1

、ん：

var self = this; 

これは現在のオブジェクトを参照する新しいスコープ変数を作成します。

はその後AJAX呼び出しに戻って実行します。

self.field = result; 

Answer 2

MyObject = function(){ 
    this.field = null; 

    this.build = function(cb){ 
     var my_url = "..."; 
     var my_data = "..."; 
     var self = this; 
     $.get(my_url, my_data, function(result){ 
      self.field = result; 
      cb(result); 
     }); 
    } 

    this.get = function(){ 
     return this.field; 
    } 
} 

object = new MyObject(); 
object.build(function(field) { 
    console.log(object.get() === field); 
}); 

を私はあなたがすぐあなたのフィールドが設定されているときに通知することができますので、あなたのビルド機能へのコールバックを渡しお勧めします。

また、var self = thisをメソッド内に配置すると、object.build.call(scope, f)を間違った範囲にバインドせずに呼び出すことができます。

このパターンは、別のクラスのメソッドを呼び出す場合に継承に特に役立ちます。将来的には

Answer 3

、モジュール・パターンを使用してみてください：

はHERE MODULEのパターンです：

<script type="text/javascript"> 
    var myNamespace = (function($) { 
     var publicInstances = {}; 

     // *********************** 
     // myObject 
     publicInstances.myObject = myObject; 
     function myObject() { 

      /// <summary>A pointer to this</summary> 
      var self = this; 

      this.someProperty = new String(); 

      this.initialize = function() { 
       /// your code here 
      } 
      this.someMethod = function() { 
       /// your code here 
      } 

      self.initialize(); 
     } 

     return publicInstances; 
    })(jQuery); 


    jQuery(document).ready(function() { 
     // Use would look like 
     var myInstance = new myNamespace.myObject(); 
    }); 
</script> 

HEREは、オブジェクトがどのように見えるかです：

var myNamespace = (function($) 
{ 
    var publicInstances = {}; 

    // *********************** 
    // myObject 
    publicInstances.myObject = myObject; 
    function myObject(url, data) { 

     /// <summary>A pointer to this</summary> 
     var self = this; 
     /// <summary>Contains the result</summary> 
     this.field = null; // Name this result instead. 

     this.url = url; 
     this.data = data; 

     this.initialize = function() { 
      /// Initialize whatever 
     } 
     this.build = function() { 
      $.get(self.url, self.data, function(result) { 
       self.field = result; 
       cb(self.field); 
      }); 
     } 
     this.cb = function(result) { 
      /// Do whatever 
     } 

     self.initialize(); 
    } 

    return publicInstances; 
})(jQuery);