首頁猿問 js如何實現(xiàn)函數(shù)的連續(xù)調(diào)用

js如何實現(xiàn)函數(shù)的連續(xù)調(diào)用

JavaScript

躍然一笑 2018-08-15 14:13:00

比如我在寫自定義過濾的時候使用這樣的語法var filters = angular.module('filters', []); filters.filter('quality', function() { }).filter('level', function() { }).filter('RMB', function() { }).filter('button', function() { });請問如何定義實現(xiàn)類似a().b().c()或者a().a().a()這樣的調(diào)用

查看完整描述

1 回答

大話西游666

TA貢獻1817條經(jīng)驗獲得超14個贊

非異步的鏈?zhǔn)秸{(diào)用

var obj = {};
    obj.func1 = function(){        console.log('func1');        return this;
    };
    obj.func2 = function(){        console.log('func2');        return this;
    };
    obj.func1().func2();

異步的鏈?zhǔn)秸{(diào)用(Promise)

function runFunc1(){        var p = new Promise(function(resolve,reject){            //異步操作
            setTimeout(function(){                console.log('success runFunc1');
                resolve('數(shù)據(jù)1');
            },5000);
        });        return p;
    }    function runFunc2(){//如果promise沒有運行在函數(shù)內(nèi)部會立即執(zhí)行
        var p = new Promise(function(resolve,reject){            //異步操作
            setTimeout(function(){                console.log('success runFunc2');
                resolve('數(shù)據(jù)2');
            },5000);
        });        return p;
    }

    runFunc1()
    .then(function(data){        console.log(data);        return runFunc2();
    })
    .then(function(data){        console.log(data);
    })

反對回復(fù) 2018-09-14