javascript异步代码的回调地狱以及JQuery.deferred提供的promise解决方案

我们先来看一下编写AJAX编码经常遇到的几个问题：

1.由于AJAX是异步的，所有依赖AJAX返回结果的代码必需写在AJAX回调函数中。这就不可避免地形成了嵌套，ajax等异步操作越多，嵌套层次就会越深，代码可读性就会越差。

$.ajax({
    url: url,
    data: dataObject,
    success: function(){
	console.log("I depend on ajax result.");
    },
    error: function(){}
});

console.log("I will print before ajax finished.");

2.如果AJAX请求之间存在依赖关系，我们的代码就会形成Pyramid of Doom（金字塔厄运）。比如我们要完成这样一件事：有4个供Ajax访问的url地址，需要先Ajax访问第1个，在第1个访问完成后，用拿到的返回数据作为参数再访问第2个，第2个访问完成后再第3个...以此到4个全部访问完成。按照这样的写法，似乎会变成这样：

$.ajax({
    url: url1,
    success: function(data){
        $.ajax({
            url: url2,
            data: data,
            success: function(data){
                $.ajax({
                    //...
                });
            }    
        });
    }
});

3.考虑这种场景，假如我们同时发送两个Ajax请求，然后要在两个请求都成功返回后再做一件接下来的事，想一想如果只按前面的方式在各自的调用位置去附加回调，这是不是很困难？

可以看到：javascript中类似于AJAX这种异步的操作，会导致代码嵌套层次复杂，可读性差，有的时候甚至是实现需求都非常困难。为了解决这种异步回调难的问题，CommonJS组织制定了异步模式编程规范