JavaScript의 `setInterval` 콜백 내에서 올바른 객체 인스턴스에 어떻게 액세스할 수 있습니까?

JavaScript의 setInterval 내에서 액세스

JavaScript에서 setInterval()로 작업할 때 올바른 인스턴스에 액세스하는 것이 어려울 수 있습니다. 콜백 함수 내 개체입니다. 이 문제는 콜백 함수가 객체의 메서드이고 JavaScript가 이벤트 처리를 처리하는 방식으로 인해 this 키워드가 원하는 인스턴스를 참조하지 않는 경우에 발생합니다.

이 제한을 극복하려면 해결 방법을 살펴보겠습니다. 이는 콜백 함수를 올바른 객체 인스턴스에 바인딩하기 위해 바인딩() 메서드를 활용합니다.

다음을 고려하세요. 예:

prefs: null,
startup : function()
    {
        // init prefs
        ...
        this.retrieve_rate();
        this.intervalID = setInterval(this.retrieve_rate, this.INTERVAL);
    },

retrieve_rate : function()
    {
        var ajax = null;
        ajax = new XMLHttpRequest();
        ajax.open('GET', 'http://xyz.example', true);
        ajax.onload = function()
        {
            // access prefs here
        }
    }

이 예의 목표는 AJAX 요청의 onload 핸들러 내에서 객체의 prefs 속성에 액세스하는 것입니다. 그러나 JavaScript의 기본 동작으로 인해 이는 onload 함수 내의 창 개체를 참조하게 됩니다.

이 문제를 해결하려면 바인딩() 메서드를 사용하여 검색_레이트 함수를 현재 개체 인스턴스에 바인딩할 수 있습니다. 이렇게 하면 onload 함수가 호출될 때 this 키워드가 올바른 개체를 참조하게 됩니다.

this.intervalID = setInterval(this.retrieve_rate.bind(this), this.INTERVAL);

이러한 방식으로 코드를 수정하면 onload 함수가 호출될 때 this 키워드가 올바른 개체 인스턴스를 참조하도록 보장할 수 있습니다. 함수가 호출되어 원하는 대로 prefs 속성에 액세스할 수 있습니다.

위 내용은 JavaScript의 `setInterval` 콜백 내에서 올바른 객체 인스턴스에 어떻게 액세스할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!