在javascript中"分阶段"执行函数

Question

在javascript中"分阶段"执行函数

FK8*_*K82 5 javascript function execution phase

这是我关于stackoverflow的第一篇文章,所以如果我遇到像一个完全的傻瓜,或者如果我不能让自己完全清楚,请不要太过刻板.:-)

这是我的问题:我正在尝试编写一个javascript函数,通过检查第一个函数的完成然后执行第二个函数将两个函数"绑定"到另一个函数.

对此的简单解决方案显然是编写一个元函数,在其范围内调用两个函数.但是,如果第一个函数是异步的(特别是一个AJAX调用)而第二个函数需要第一个函数的结果数据,那就根本不起作用.

我对解决方案的想法是给第一个函数一个"标志",即一旦调用它就创建一个公共属性"this.trigger"(初始化为"0",在完成时设置为"1"); 这样做可以使另一个函数检查标志的值([0,1]).如果满足条件("trigger == 1"),则应调用第二个函数.

以下是我用于测试的抽象示例代码:

<script type="text/javascript" >

/**/function cllFnc(tgt) { //!! first function

    this.trigger = 0 ;
    var trigger = this.trigger ;

    var _tgt = document.getElementById(tgt) ; //!! changes the color of the target div to signalize the function's execution
        _tgt.style.background = '#66f' ;

    alert('Calling! ...') ;

    setTimeout(function() { //!! in place of an AJAX call, duration 5000ms

            trigger = 1 ;

    },5000) ;

}

/**/function rcvFnc(tgt) { //!! second function that should get called upon the first function's completion

    var _tgt = document.getElementById(tgt) ; //!! changes color of the target div to signalize the function's execution
        _tgt.style.background = '#f63' ;

    alert('... Someone picked up!') ;

}

/**/function callCheck(obj) {   

            //alert(obj.trigger ) ;      //!! correctly returns initial "0"                         

    if(obj.trigger == 1) {              //!! here's the problem: trigger never receives change from function on success and thus function two never fires 

                        alert('trigger is one') ;
                        return true ;
                    } else if(obj.trigger == 0) {
                        return false ;
                    }


}

/**/function tieExc(fncA,fncB,prms) {

        if(fncA == 'cllFnc') {
            var objA = new cllFnc(prms) ;   
            alert(typeof objA + '\n' + objA.trigger) ;  //!! returns expected values "object" and "0"
        } 

        //room for more case definitions

    var myItv = window.setInterval(function() {

        document.getElementById(prms).innerHTML = new Date() ; //!! displays date in target div to signalize the interval increments


        var myCallCheck = new callCheck(objA) ; 

            if( myCallCheck == true ) { 

                    if(fncB == 'rcvFnc') {
                        var objB = new rcvFnc(prms) ;
                    }

                    //room for more case definitions

                    window.clearInterval(myItv) ;

            } else if( myCallCheck == false ) {
                return ;
            }

    },500) ;

}

</script>

归档时间：	15 年，10 月前
查看次数：	508 次
最近记录：	14 年前