[function] 일반 영어로 콜백을 설명하는 방법? 한 함수를 다른 함수에서 호출하는 것과 어떻게 다른가요?

일반 영어로 콜백을 설명하는 방법은 무엇입니까?

일반 영어에서 콜백 기능은 작업 완료시 관리자 에게 ” 콜백 ” 하는 작업자 와 같습니다 .

호출 함수의 컨텍스트를 사용하여 한 함수를 다른 함수에서 호출하는 것과 어떻게 다릅니 까?

다른 함수에서 함수를 호출하는 것이 사실이지만 핵심은 콜백이 객체처럼 취급되므로 시스템 상태 (전략 디자인 패턴 등)에 따라 호출 할 함수를 변경할 수 있습니다.

초보자 프로그래머에게 그들의 힘을 어떻게 설명 할 수 있습니까?

콜백의 힘은 서버에서 데이터를 가져와야하는 AJAX 스타일 웹 사이트에서 쉽게 볼 수 있습니다. 새 데이터를 다운로드하는 데 시간이 걸릴 수 있습니다. 콜백이 없으면 새 데이터를 다운로드하는 동안 전체 사용자 인터페이스가 “정지”되거나 전체 페이지의 일부가 아닌 전체 페이지를 새로 고쳐야합니다. 콜백을 사용하면 “지금로드 중”이미지를 삽입하고 새 데이터가로드되면이를 대체 할 수 있습니다.

콜백이없는 일부 코드 :

function grabAndFreeze() {
    showNowLoading(true);
    var jsondata = getData('http://yourserver.com/data/messages.json');
    /* User Interface 'freezes' while getting data */
    processData(jsondata);
    showNowLoading(false);
    do_other_stuff(); // not called until data fully downloaded
}

function processData(jsondata) { // do something with the data
   var count = jsondata.results ? jsondata.results.length : 0;
   $('#counter_messages').text(['Fetched', count, 'new items'].join(' '));
   $('#results_messages').html(jsondata.results || '(no new messages)');
}

콜백으로 :

다음은 jQuery의 getJSON을 사용하는 콜백 예제입니다 .

function processDataCB(jsondata) { // callback: update UI with results
   showNowLoading(false);
   var count = jsondata.results ? jsondata.results.length : 0;
   $('#counter_messages').text(['Fetched', count, 'new items'].join(' '));
   $('#results_messages').html(jsondata.results || '(no new messages)');
}

function grabAndGo() { // and don't freeze
    showNowLoading(true);
    $('#results_messages').html(now_loading_image);
    $.getJSON("http://yourserver.com/data/messages.json", processDataCB);
    /* Call processDataCB when data is downloaded, no frozen User Interface! */
    do_other_stuff(); // called immediately
}

폐쇄와 함께 :

종종 콜백 은 작업을 완료하기 전에 Manager 로부터 정보를 얻어야 하는 작업자 와 같은를state 사용하여 호출 기능에서 액세스해야합니다 . 를 만들려면 함수를 인라인하여 호출 컨텍스트에서 데이터를 볼 수 있습니다.closureclosure

/* Grab messages, chat users, etc by changing dtable. Run callback cb when done.*/
function grab(dtable, cb) {
    if (null == dtable) { dtable = "messages"; }
    var uiElem = "_" + dtable;
    showNowLoading(true, dtable);
    $('#results' + uiElem).html(now_loading_image);
    $.getJSON("http://yourserver.com/user/"+dtable+".json", cb || function (jsondata) {
       // Using a closure: can "see" dtable argument and uiElem variables above.
       var count = jsondata.results ? jsondata.results.length : 0,
           counterMsg = ['Fetched', count, 'new', dtable].join(' '),
           // no new chatters/messages/etc
           defaultResultsMsg = ['(no new ', dtable, ')'].join('');
       showNowLoading(false, dtable);
       $('#counter' + uiElem).text(counterMsg);
       $('#results'+ uiElem).html(jsondata.results || defaultResultsMsg);
    });
    /* User Interface calls cb when data is downloaded */

    do_other_stuff(); // called immediately
}

용법:

// update results_chatters when chatters.json data is downloaded:
grab("chatters");
// update results_messages when messages.json data is downloaded
grab("messages");
// call myCallback(jsondata) when "history.json" data is loaded:
grab("history", myCallback);

폐쇄

마지막으로, Douglas Crockford 의 정의는 다음 closure과 같습니다.

다른 기능 내에서 기능을 정의 할 수 있습니다. 내부 함수는 외부 함수의 변수 및 변수에 액세스 할 수 있습니다. 내부 함수에 대한 참조가 유지되면 (예 : 콜백 함수) 외부 함수의 변수도 유지됩니다.

또한보십시오:

• http://javascript.crockford.com/survey.html
• http://api.jquery.com/jQuery.when/
• http://api.jquery.com/jQuery.getJSON/
• http://github.com/josher19/jQuery-Parse

답변

customizableFunc(customFunctionality)

    customizableFucn(customFunctionality) {
      var data = doSomthing();
      customFunctionality(data);
      ...
    }

function tenSquared() {return 10*10;}

function nineSquared() {return 9*9;}

function square(x) {return x*x;}

function computeA(){
    ...
    doA(result);
}

function computeB(){
    ...
    doB(result);
}

function compute(callback){
    ...
    callback(result);
}