Анонимные функции обратного вызова

Question

Итак, я точно понимаю функции обратного вызова. Например, я полностью понимаю:

function finalGuy(x) { 
    alert("Final Number: " + x); 
} 

function secondGuy(x, callback) { 
    x = x - Math.sqrt(x); 
    callback(x); 
} 

function firstGuy(callback) { 
    var x = parseInt(prompt("Enter a number")); 
    x *= x; 
    secondGuy(x, callback); 
} 


firstGuy(finalGuy); 

Однако, столкнувшись с чем-то вроде этого я не могу понять это.

a(function() { 
    b(function() { 
     c() 
    }) 
}); 

Может кто-нибудь, пожалуйста, перевести первую последовательность обратных вызовов в рабочий пример, такой как второй? В частности, передача одного результата в следующий обратный вызов аналогично тому, как я это сделал в первом примере.

Answer 1

Эти два дают тот же результат

1.

function acceptCallback(callback) { 
    callback(); 
} 

function callback() { 
    console.log('callback invoked'); 
} 

acceptCallback(callback); // => 'callback invoked' 

2.

function acceptCallback(callback) { 
    callback(); 
} 

acceptCallback(function() { 
    console.log('callback invoked'); 
}); 

В первом примере вы передаете объявление функции, во втором примере вы передаете анонимную функцию

3. Выполнение операций в рамках обратного вызова не будет передан другому обратного вызова, так называемый «обратный вызов ад»

Ничего особенного здесь, это тот же синтаксис, как и первые два примера. Это трудно прочитать для всех.

function first(callback) { 
    callback('from first'); 
} 

function second(callback) { 
    callback('from second'); 
} 

function third(callback) { 
    callback('from third'); 
} 

function fourth(n, callback) { 
    callback(n * 10); 
} 

first(function(fromFirst) { 
    var a = 5; 
    console.log(fromFirst); // 'from first' 
    second(function(fromSecond) { 
    console.log(fromSecond); // 'from second' 
    third(function(fromThird) { 
     console.log(fromThird); // 'from third' 
     var b = a + 5; // 10 
     fourth(b, function(fromFouth) { 
     console.log(a, b, fromFourth); // 5, 10, 100 
     }) 
    }); 
    }); 
});