Обратни извиквания (callback) в JavaScript

Как работят callback функциите в JavaScript

В JavaScript програмистите създават блокове код – променливи и функции. Функциите могат да получават параметри, които се подават като стойности или променливи. Също така е възможно да се предаде референция към друга функция като аргумент. Тази предадена функция се нарича callback – тя се извиква, когато друга функция завърши изпълнението си.

Дефиниране на callback

Първо трябва да дефинираме функцията, която ще бъде използвана като callback. Пример:

var callbackDefinition = function(numParam) { alert(numParam); };

Тук функцията приема числов параметър и показва диалогов прозорец. Тя може да съдържа всякакъв валиден JavaScript код.

Предаване като параметър

След като функцията е съхранена в променлива, можем да я предадем на друга функция като аргумент:

mainFunction(10, callbackDefinition);

Този ред извиква mainFunction, като й подава число и референцията към callback‑а. Функцията, която получава callback‑а, трябва да очаква тези два параметъра.

Изпълнение на callback

Вътре в mainFunction можем да извикаме предадения callback:

function mainFunction(myNum, callbackFn) { alert(myNum); callbackFn(myNum * 2); }

Първо се показва стойността на myNum, след което се извиква callbackFn с нов параметър.

Извикване от HTML

Обикновено callback‑ите се задействат от събития в браузъра. Примерен HTML код:

<button onclick=\"doCallback()\">Щракни тук</button>

И JavaScript‑ът, който се изпълнява при натискане:

function doCallback() { var callFn = function(numParam) { alert(numParam); }; mainFunction(10, callFn); }

Когато потребителят кликне върху бутона, mainFunction се изпълнява и в края извиква предадения callback, създавайки типичния callback ефект.