摘要：原生提供了對象，大大簡化了的代碼維護難度。實際實現(xiàn)遠離并不復(fù)雜，僅需要十幾行代碼，就能實現(xiàn)類似的效果實際還是有點區(qū)別的。簡單的實現(xiàn)的函數(shù)原文地址執(zhí)行如果執(zhí)行函數(shù)會同步返回結(jié)果，則調(diào)用。

ES6 原生提供了 Promise 對象，大大簡化了 callback 的代碼維護難度。使用promise對象之后可以使用一種鏈?zhǔn)秸{(diào)用的方式來組織代碼；讓代碼更加的直觀。

如果想在老瀏覽器中使用 Promise，需要使用第三方庫。實際實現(xiàn)遠離并不復(fù)雜，僅需要十幾行代碼，就能實現(xiàn)類似的效果（實際還是有點區(qū)別的）。

// 簡單的實現(xiàn) Promise 的函數(shù)
// 原文地址：http://www.miaoqiyuan.cn/p/promise
var PromiseDemo = function(fun, _status_code){
    
    this._status_code = _status_code || "status";
    
    //執(zhí)行
    this.run = function(){
        this._result = fun.call(this, fun);
        
        //如果執(zhí)行函數(shù)會 同步 返回結(jié)果，則調(diào)用callback。
        if( !! this._result ){
            return this.callback();
        };
    };
    
    //回調(diào)函數(shù)，如果不是立即返回結(jié)果，需要手動調(diào)用
    this.callback = function(_result){
        
        //異部調(diào)用時，傳入執(zhí)行結(jié)果
        if( !!_result ){
            this._result = _result;
        }
        
        //如過狀態(tài)不是 object
        this._result = this._result || {};
        
        //如果沒有指定 【返回狀態(tài)】 值，如果沒有，則使用 status
        this._status = this._result[this._status_code] || "fail";
        
        /*
            如果 【返回狀態(tài)】 已經(jīng)定義了 回調(diào)函數(shù)，調(diào)用本狀態(tài)回調(diào)函數(shù)
            如果 【返回狀態(tài)】 沒有定義，則調(diào)用 _default 函數(shù)
            如果 【返回狀態(tài)】 沒有定義，并且沒有調(diào)用 _default 函數(shù)，拋出異常
        */
        this._callback = this[this._status] || this._default || function(){ throw new Error("Undefined " + this._status); };
        return this._callback.call(this);
    };
    
    //then判斷
    this.then = function(_status, callback){
        if( typeof _status == "function" ){
            
            //沒有指定狀態(tài)
            callback = _status;
            if( !("success" in this) ){
                
                //沒有 success，則將 callback 設(shè)置為 success 狀態(tài)的回調(diào)函數(shù)
                _status = "success";
                
            }else if( !("fail" in this) ){
                
                //沒有 fail，則將 callback 設(shè)置為 fail 狀態(tài)的回調(diào)函數(shù)
                _status = "fail";
                
            }else{
                
                // 如果 success 和 fail 已經(jīng)設(shè)置，無論調(diào)用多少次，都是 默認狀態(tài) 的回調(diào)函數(shù)
                _status = "_default";
                
            };
        };
        
        //設(shè)置 【返回狀態(tài)】 的回調(diào)函數(shù)
        this[_status] = callback;
        
        //鏈?zhǔn)讲僮?        return this;
    };
    
    //鏈?zhǔn)讲僮?    return this;
}

就這么幾行代碼，就實現(xiàn)了簡單的 Promise。為了方便測試，寫成函數(shù)

var PromiseTest = function(fun, _status_code, _default){
    if( typeof _status_code == "function" ){
        _default = _status_code;
        _status_code = undefined;
    }
    var pTest = new PromiseDemo(fun, _status_code);
    
    pTest.then(function(){
        console.log("Success!");
        console.log(this._result);
    });
    
    pTest.then(function(){
        console.log("Fail!");
        console.log(this._result);
    });
    
    if( typeof _default == "function"){
        pTest.then(_default);
    };

    return pTest;
}

下面的代碼用于測試效果：

返回成功狀態(tài)

PromiseTest(function(){
    return { status: "success"};
}).run();
/*
    Success!
    Object {status: "success"}
*/

返回失敗狀態(tài)

PromiseTest(function(){
    return { status: "fail"};
}).run();
/*
    Fail!
    Object {status: "fail"}
*/

返回其他狀態(tài)，沒有定義，拋出異常

PromiseTest(function(){
    return { status: "other"};
}).run();
/*
    Uncaught Error: Undefined other(…)
*/

修改 【返回狀態(tài)】 參數(shù)，返回成功狀態(tài)

PromiseTest(function(){
    return { status: "other", code : "success"};
}, "code").run();
/*
    Success!
    Object {status: "other", code: "success"}
*/

增加默認值函數(shù)，所有未定義的狀態(tài)，都是用此回調(diào)函數(shù)

PromiseTest(function(){
    return { status: "other"};
}, function(){
    console.log("Other");
}).run();
/*
    Other
*/

自定義狀態(tài)值，返回 nicai 狀態(tài)

PromiseTest(function(){
    return { status: "nicai"};
}).then("wocai", function(){
    console.log("Wocai");
}).then("nicai", function(){
    console.log("Nicai");
}).run();
/*
    Nicai
*/

同步調(diào)用有返回值

PromiseTest(function(){
    return { status: "nicai", value : "abc"};
}).then("nicai", function(){
    console.log("Nicai");
    return this._result.value;
}).run() == "abc";
/*
    Nicai
    true
*/

異部調(diào)用測試：setTimeout

PromiseTest(function(){
    setTimeout(
        (function(){
            this.callback({
                status : "success"
            });
        }).bind(this),    //必須bind，否則函數(shù)內(nèi)部的 this == window
    1000);
}).run();
/*
    Success!
    Object {status: "success"}
*/

異部調(diào)用測試：Ajax

PromiseTest(function(){
    $.ajax({
         type    : "POST",
        url        : "/services/PinYin",
        data    : {input:"測試"},
        success    : (function(result){
            this.callback({
                status : "success",
                result : result
            });
        }).bind(this),    //通過 bind 改變 this 的指向
        error    : (function(){
            this.callback();
        }).bind(this)
    });
}).run();

//成功
/*
    Success!
    Object {status: "success", result: "Ceshi"}
*/

//失敗
/*
    Fail!
    Object {}
*/

異部調(diào)用測試：如果需要用 this 訪問 jQuery 的 ajax 對象

PromiseTest(function(){
    var me = this;    //在本函數(shù)內(nèi)，用可以 me 指向 this(PromiseDemo的實例);
    $.ajax({
         type    : "POST",
        url        : "/services/PinYin",
        data    : {input:"測試"},
        success    : (function(result){
            me.callback({
                status : "success",
                result : result
            });
        }),
        error    : (function(){
            me.callback();
        })
    });
}).run();