js promise的用法

近期在看模块化开发，然后涉及到了promise这种异步开发模式，于是总结一下，有不足之处，欢迎指正。

首先说一下，什么是promise，为什么会有promise的出现。

1、所谓 Promise，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。

在我讲来，promise模式是一个异步编程模式，promise本身就是一个构造函数，实例化时接收一个函数作为参数，这个参数函数又有两个参数，即resolve和reject。

2、promise的出现，可以带来的好处：

• 便于阅读
• 用同步模式，编写异步代码，调试时简单、方便
• 避免回调嵌套，即避免回调地狱

ES6 promise

先定义一个testService文件：

function test() {
    var promise = new Promise(function (resolve, reject){
        if (成功) {
            resolve(data);
        }else{
            reject(err);
        }
    })
    return promise;
}

然后调用时：

testService.test().then(function(){
    // 成功则执行该函数
},function(){
    // 失败则执行该函数
})

jquery Deffered 对象

在jquery里，ajax函数操作在1.5版本之后都已经重新封装支持了Deffered对象，
1.5版本之前： ajax()返回的是XHR对象
1.5版本之后： ajax()返回的是Deffered对象

ajax操作：

$.ajax({url, type..})
    .done(// 成功回调)
    .fail(// 失败回调)

非ajax操作：
先定义一个testService文件：

function test(){
    var def = $.Deffered();
    if(成功) {
        def.relsolve();
    }else{
        def.reject();
    }
    return def;
}

调用时：

testService.test().then(function(){
    // 成功时执行
},function(){
    // 失败时执行
})

angular $q

在angular中也支持promise，需要通过$q这个内置服务，用法如下

同样先定义一个testService文件：

function test(){
    var def = $q.deffer();

    $http.get({type, url})
         .then(function(){
             def.resolve(data)
         }, function(){
             def.reject(err)
         })

    return def.promise;
}

调用时：

testService.test().then(function(){
    // 成功时执行
},function(){
    // 失败时执行
})