결과 속성이 정의되어 있지 않습니다. 왜?

Question

여기 내 개체가 있고 모든 속성과 함수를 정의했지만 여전히이 오류 result is not defined을 제공합니다. 여기

는

var Xml = { 
    to  : null, 
    from : null, 
    url  : null, 
    result : null, //<--- I defined result here 

    init: function (fromaddress, toaddress, link) { 
     from = fromaddress; 
     to  = toaddress; 
     url  = link; 

     this.requestXml(); 
     return this; 
    }, 

    requestXml: function() { 
     $.ajax({ 
      type: "GET", 
      url: url, 
      dataType: "xml", 
      success: this.parseXml 
     }); 
    }, 

    parseXml: function (xml) { 
     console.log('xml: ' + $(xml)); 
     result = $(xml); //<--- Assigning value to result here 
    }, 

    getResult: function() { 
     console.log('Result: ' + result); // <--- Here is says result is not defined 
     return result; 
    } 
}; 

가 어떻게이 문제를 해결할 수있는 내 코드?

업데이트

내가

var Route = { 
fromurl : null, 
tourl : null, 
from : null, 
to  : null, 

init: function (fromaddress, toaddress) { 
    from  = fromaddress; 
    to   = toaddress; 
    fromurl  = 'http://demo.com/url'+fromurl; 
    tourl  = 'http://demo.com/url'+tourl; 

    Route.searchRoute(); 
}, 

searchRoute: function() { 
    var xml = Xml.init(from, to, fromurl); 
    console.log(xml.getResult()); //<---- calling getResult(); 
} 

}; 

Answer 1

아래 result 당신이없는 result라는 이름의 전역 변수를 참조 할 것 "꾸며지지 않은 '표현을 getResult를()를 호출하고 있습니다.

result에 대한 참조가 참조가 해당 개체의 속성을 참조하는 개체의 텍스트 내부에 있다고 가정하면 올바르지 않습니다. 다른 언어에서는 그럴 수 있지만 JavaScript에서는 그렇지 않을 수 있습니다.

문제의 해결책은 질문에 대한 의견 중 하나입니다. 이 경우 접두어로 this.을 사용하면됩니다. 이 코드를보십시오 :

여기

var x = 1; 

var p = { 
    x: 2, 
    f: function() {alert(x); alert(this.x);} 
} 

p.f(); 

당신이 경고 1 참조하고 다음 업데이트 된 질문

2.

대답 당신이 여기에있는 것은 고전적인 문제입니다. 작성하십시오

var xml = Xml.init(from, to, fromurl); 
console.log(xml.getResult()); //<---- calling getResult(); 

첫 번째 라인은 결국 Ajax 요청을 발생시킵니다. 요청이 해고되면 즉시 두 번째 줄로 이동하여 xml.getResult()으로 전화하십시오. 기회는 거의 100 %이며 getResult 전화가 일 때 전에 result 값을 기입 할 수 있습니다.

한 가지 방법은 을 수행하여을 수행하고 결과를 init 방법으로 전달하는 것입니다. 당신이 결과를 기록, 그래서 우리가 처리해야 다음

var xml = Xml.init(from, to, fromurl, function() {console.log(xml.getResult()}); 

우리가 Xml.init에 새 네 번째 매개 변수를 시도하려는 것처럼이 경우에는 보이는의 Xml 개체를 업데이트하여 같은 (테스트하지) :

. 
. 
. 
init: function (fromaddress, toaddress, link, callback) { 
    from = fromaddress; 
    to  = toaddress; 
    url  = link; 

    this.requestXml(callback); 
    return this; 
}, 

requestXml: function (callback) { 
    $.ajax({ 
     type: "GET", 
     url: url, 
     dataType: "xml", 
     success: callback 
    }); 
}, 

. 
. 
. 

즉, 비동기 호출을 할 때는 결과를 즉시 사용하십시오. 그들이 "준비"될 때를 결코 알지 못하기 때문에 나중에 저장하지 마십시오.

Answer 2

당신은 this 사용해야합니다,하지만 당신은 모든 방법의 속성에 액세스 할 수 있도록 생성자를 사용하면 쉽게 할 수 있습니다

function Xml(to, from, url, result) { 
    this.to  = to || null; 
    this.from = from || null; 
    this.url  = url || null; 
    this.result = result || null; 
    // init logic 
} 

Xml.prototype = { 

    parseXml: function (xml) { 
    console.log('xml: ' + $(xml)); 
    this.result = $(xml); 
    }, 

    getResult: function() { 
    console.log('Result: ' + this.result); 
    return this.result; 
    } 

    ... 

} 

var xml = new Xml(to, from, url, result); // init 

편집 : 리터럴 객체가 최상의 옵션이 아닐 수 있습니다 .당신이 this 혼동을 피하기 위해 원하는 경우 귀하의 경우는 위와 같이 생성자, 또는 모듈 패턴에 더 적합 :

function Xml() { 

    var xml = {} 
    , to = null 
    , from = null 
    , url = null 
    , result = null; 

    xml.parseXml = function(xml) { 
    ... 
    }; 

    ... 

    return xml; 

} 

var xml = Xml(); 

Answer 3

이 XML.result

이 this의 기능과 아웃에 대한 설명은 Understanding "this" in Javascript를 참조 시도 그것은 다른 시점을 가리키고 있습니다.