지연된 콜백이란 무엇입니까?

함수를 다른 함수에 전달하고 그 함수가 제공된 함수를 마음대로 사용하는 콜백 아이디어를 이해합니다.

인터넷 검색 후 지연된 콜백을 이해하는 데 어려움을 겪고 있습니다.

누군가 간단한 설명을 해 주시겠습니까? 나는 루비로 프로그래밍하지만 C / C ++도 조금 알고 있지만, 무엇보다도 숙련 된 어셈블리 언어 프로그래머였습니다. 그래서 콜백 주소 스택과 비슷한 것이 궁금합니다. jquery 또는 node.js를 배우기를 바랍니다.이 지연된 콜백은 둘 다에 필수적인 것으로 보입니다. 나는 기본 스레딩 원리를 이해합니다 (mutex 객체가 머리를 아프게합니다).

요청에 따라 답변으로 제시된 의견은 다음과 같습니다.

JS의 함수가 일류 객체이므로 생성 된 시간이 지날 때까지 필요할 때까지 저장할 수 있다는 사실을 완전히 확신하지 못했습니다.

예를 들어, 파일에 쓰고 로그 메시지를 인쇄한다고 가정하십시오. "write ()"함수 (또는 무엇이든)를 호출하고 로그 메시지를 출력하는 함수를 전달합니다 (이것은 지연된 콜백 함수입니다). "write ()"는 주어진 함수에 대한 참조를 내부적으로 저장하고 파일에 쓰기를 시작하며 쓰기가 완료된 시점을 알기 위해 자체 콜백을 설정합니다. 그런 다음 쓰기가 완료되기 전에 반환됩니다. 내부 콜백은 어떻게 든 호출됩니다 (이것은 기본 프레임 워크의 작업입니다-node.js의 경우 이벤트 루프로 수행됩니다). 그런 다음 콜백을 호출하여 로그 메시지를 인쇄합니다.

"지연된"부분은 단순히 콜백 함수가 즉시 호출되지 않음을 의미합니다. 호출 은 적절한 시간까지 연기 됩니다. node.js의 많은 함수와 같은 비동기 함수의 경우, 주어진 콜백은 일반적으로 작업이 완료 될 때 (또는 오류가 발생할 때) 호출됩니다.

대부분의 내용은 node.js에서 비동기이지만 jQuery와 같은 브라우저에서는 대부분의 내용이 실제로 동 기적입니다 (AJAX 요청의 경우 제외). 일급 함수는 JavaScript에서 특히 편리하기 때문에 (특히 클로저 지원으로 인해) 콜백은 브라우저의 모든 곳에서 사용되지만 동기 작업에 대해 "지연"되지는 않습니다 (단, 즉시 호출되지 않는 한 제외) 당신은 나중에 호출하는 기능에 의해).

기본 시스템이 이벤트 중심이라는 사실은 지연된 콜백의 사용과 직교합니다. 모든 작업에 대해 스레드를 시작한 다음 스레드가 작업을 완료했을 때 이벤트를 전혀 사용하지 않고 주어진 콜백을 호출 한 (매우 느린) node.js 버전을 상상할 수 있습니다. 물론 이것은 끔찍한 모델이지만 내 요점을 보여줍니다 :-)

지연된 콜백의 작동 방식은 콜백을 추가 할 때마다 해당 콜백이 배열로 푸시됩니다. 그런 다음 지연된 객체 에서 .resolve()or .resolveWith()메소드를 호출 .done()하면 배열의 모든 콜백이 순서대로 실행됩니다.

이제 Deferred Object가 무엇인지 살펴볼 수 있습니다. 아래의 스 니펫을 예로 들어 보겠습니다.

var deferred = $.Deferred();
var promise = deferred.promise();

우리가 지금 가지고있는 것은 연기 된 대상과 약속 된 대상입니다. 지연된 객체 그러나 약속 오브젝트 만의 방법을 가지고, 모두에게 약속 객체와 동일한 방법을 가지고 .done(), .fail()그리고 .always()이는 각각의 지연에 대한 콜백 객체를 추가하기 위해 사용된다 event. 반면에 지연된 객체에는 몇 가지 다른 방법이 있습니다. 가장 중요한 것은 .resolve()및 .reject()입니다. 이 메소드가 지연된 객체에서 호출되면 모든 콜백이 호출됩니다. .resolve()가 터 .done()와 .always()그동안 콜백 .reject()메소드 호출 .fail()및 .always()콜백.

일반적으로 지연된 오브젝트는 개인용 범위 내에 숨겨져 있으며, 약속 오브젝트는 함수에서 리턴되어 콜백을 배치 할 수 있습니다. 지연된 객체는 나중에 ajax 요청이 완료된 후 또는 이미지가로드 된 후, setTimeout 등으로 해결됩니다. 지연된 객체는 한 번만 해결 될 수 있음을 인식해야합니다. 이미 해결 된 경우 콜백이 즉시 호출됩니다.

다음은 내가 사용하는 또 다른 예입니다.

function loadImage(url) {
    var def = $.Deferred(),
        img = new Image();
    $(img).on("load error",function(e){
        if (e.type === "error") {
            def.reject(url);
        }
        else {
            def.resolve(url);
        }
    });
    img.src = url;
    // return the promise object so that callbacks can
    // be defined on the deferred object.
    return def.promise();
}
loadImage("foobar.jpg").done(function(){
    alert("The image is loaded!");
}).fail(function(){
    alert("The image failed to load!");
}).always(function(){
    alert("This is always called!");
});

jQuery의 $.Deferred()메소드 및 지연된 객체 에 대한 자세한 내용 은 http://api.jquery.com/category/deferred-object/를 방문하십시오.

확실하지 않지만 지연 콜백은 비동기 콜백을 의미한다고 생각하므로 Google에 더 나은 행운을 빕니다.

내가 찾은 가장 좋은 설명은 http://www.nodebeginner.org입니다.

이봐, 아마도 ExpensiveFunction (), 당신의 일을하십시오. 그러나 단일 Node.js 스레드는 완료 될 때까지 여기에서 기다리지 않을 것입니다. 아래 코드 줄을 계속 실행할 것입니다. 이 callbackFunction () 여기 당신이 비싼 물건을 마쳤을 때 그것을 호출? 감사!"

이 예제에서 아마 ExpensiveFunction은 비 블로킹 (또는 비동기 함수)입니다. 즉, 즉시 실행되지 않고 소위 이벤트 루프에 배치됩니다. node.js 스레드는 실행을 계속하지만 특정 시점에서 이벤트 루프에서 무언가를 실행하기로 결정합니다. 아마 ExpensiveFunction에 도달하면이를 호출하고 아마 ExExsivesive 기능이 실행을 마치면 매개 변수로 전달 된 (지연된) 콜백을 호출합니다.

아마 ExpensiveFunction의 예로 fs.readFile 을 사용할 수 있습니다 .

JavaScript는 단일 스레드이므로이를 이해하기 위해 스레드 측면에서 생각할 수 없습니다. 다음은 jQuery를 사용하는 일반 및 비동기 콜백의 예입니다.

var regularCallback = function(evt) {
    alert("I'm a callback!")
}
var asyncCallback = function(data) {
    alert("I only run when an async operation finishes!")
}

// Bind the regular callback to a button's click event
$('#mybutton').on('click', regularCallback);

// Start an ajax request to the server. The request is asynchronous, so code
// below this line will execute immediately. The callback function
// will only be called when the request is complete.
$.get("http://google.com", asyncCallback);

지연된 콜백 (일명 Promices )을 사용하면 통증과 콜백 스파게티없이 순차적 인 비동기 코드를 작성할 수 있습니다.

$.when( doAjax(), doAnotherAjax() ).then( haveFunWithMoreAjax ).then( animateStuff );

'언제'는 함수가 병렬로 리턴 될 때까지 기다릴 then수 있으며 순차적으로 연결될 수 있습니다.

참고 사항 : jQuery deferreds ! = Promices / A , 구문은 약간 다릅니다.

주제에 대한 좋은 기사가 있습니다. 하나 는 IEBlog에 있고 다른 하나 는 임의의 블로그 에 있습니다. 책 과 인기있는 stackoverflow 질문