依次执行函数

Question

我有这个 javascript 代码：

 if (direction !== "leftnav") { 
// DO THINGS
};
setTimeout(function () {
//DO OTHER THINGS AFTER THE FIRST THING
}, 1000);

是否可以在第一个函数之后执行 2e 函数，而不必使用超时事件？

感谢您的帮助！

Answer 1

是的，这是可能的。这是使用您提供的唯一代码的示例：

if (direction !== "leftnav") {  
    // DO THINGS...

    // THEN
    doOtherThings();

    // THEN
    doMoreThings();
}; 

var doOtherThings = function(){
    //DOING OTHER THINGS
}
var doMoreThings = function(){
    //DO EVEN MORE THINGS
}

Answer 2

如果 if 语句中的内容被阻塞，Javascript 将从上到下运行。如果是这样，您可以将代码放在 if 语句的正下方，在超时之外，它就会正常运行。如果是异步的，您可以使用第一个函数完成时触发的回调来启动第二个函数。

下面提供的示例并不是真正有效的做事方式，而是更多地用于说明我上面所说的内容。在 write() 函数中，您可能正在执行 AJAX 调用，或者等待用户单击某些内容，或者您​​有什么。解释器继续执行下一行，该部分将立即按阻塞顺序写入。

JS

var write = function (v, cb) {
    setTimeout(function() {
        document.write(v);
        cb && cb();
    }, 1000);
}

if (true) {
    write("I'm not blocking, blah<br/>", function() {
        document.write("Running<br/>");
    });
}

if (true) {
    document.write("I'm blocking, blah<br/>");
}
document.write("Running<br/>");

输出

I'm blocking, blah
Running
I'm not blocking, blah
Running

http://jsfiddle.net/robert/ vvmyk/

Answer 3

你只需要按照你想要的顺序调用函数

function foo(){
//code
}

function bar(){
//other
}

bar();
foo();

就像这样，bar将在foo之前调用。

Answer 4

使用 javascript promise和 Promise.all