modern-javascript-api-consumption

callback-hell.js

// Simulate a network request by using setTimeout
function fakeNetworkCall(url, callback) {
	let returnData = { name: url };
	setTimeout(() => callback(returnData), 1500);
};

// Make the first call
fakeNetworkCall('/api/endpoint/1/', (response1) => {
	// When the call is done, the callback function
	// is called, so we can work with the data here.
	console.log(response1.name);
	// Next Call! Hope I don't lose track of brackets...
	fakeNetworkCall('/api/endpoint/2/', (response2) => {
		// Hmm... where am I at?
		console.log(response2.name);
		// Oh boy - lets plunge another level deeper...
		fakeNetworkCall('/api/endpoint/3/', (response3) => {
			console.log(response3.name);
			// etc...
		});
	});
});