Mootools JSON : 메서드/범위를 벗어난 결과

Question

var image; 
var imgProperties = new Class({ 
    image: new Array(), 
    json: function() { 
     var url = protocol + "//" + host + pathname + "/myEchoFile.php"; 
     var jsonRequest = new Request.JSON({ 
      url: url, 
      onSuccess: function(img) { 
       this.image[0] = img.name; 
       this.image[1] = img.width; 
       this.image[2] = img.height; 
       alert('img.name=' + this.name); //alerts myImage.jpg 
      } 
     }).post(); 
     console.log("this.image[0]=" + this.image[0]); //undefined 
     //@fixme 
     //this.image is undefined 
    } 
}); 

Answer 1

요청이 동기가 아닙니다. (그러므로 AJAX입니다.) 발사, 완료 및 값 설정에 시간이 걸립니다.

당신이는 onSuccess에서 클래스 인스턴스를 참조하고이 같은라는 별도의 기능이 있어야합니다 또한

var imgProperties = new Class({ 

    Implements: [Events,Options], 

    initialize: function(options) { 
     this.setOptions(options); 
    }, 

    json: function() { 
     new Request.JSON({ 
      url: "//" + host + pathname + "/myEchoFile.php", 
      onSuccess: this.imageLoaded.bind(this) 
     }).post(); 
    }, 
    imageLoaded: function(data) { 
     this.image = [data.name, data.width, data.height]; 
     this.fireEvent("imageLoaded", this.image); 
    } 
}); 

는 클래스 인스턴스가 아닌 가리 보장 onSuccess 기능에 .bind(this) 통지를 전역 범위 (창 개체?)는 이전에 수행 한 작업으로 window.image을 수정합니다.

new imgProperties({ 
    onImageLoaded: function(imageArray) { 
     // access imageArray 
     // or just access this.image instead! 
     // or export it to your global namespace like before 
     window.image = this.image; 
     // more code that relies on window.image being defined... 
    } 
}).json();