如何确保JavaScript的执行顺序

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何确保JavaScript的执行顺序相关的知识,希望对你有一定的参考价值。

javascript代码和其他服务器端代码一样,都是按顺序执行的。

但是这里有几个代码跳转的地方:
1、setTimeout / setInterval
这两个函数中的代码是定时执行,不在顺序中;
2、ajax
Ajax一般来说,在 成功/失败 获取服务器端数据后会有js代码来处理接受到的数据;ajax有两种情况,分别是同步和异步;同步是指的,js在发送ajax请求后阻塞代码执行,一直到ajax获取到服务器返回数据,然后继续按代码顺序执行,也就是说,这种情况下,ajax后面的代码中可以正常使用ajax返回的数据;异步是指ajax请求发送后,代码跳过ajax,继续执行其后的代码,ajax 响应代码在ajax获取数据后执行,也就是说,这种情况下,ajax后面的代码中不能确定ajax的状态,也不可以ajax返回的数据。
参考技术A Javascript是单线程语言,正常情况下,代码都是向下执行的。
但是,一旦接触到异步领域,就发现要把控Javascript相比其他语言是麻烦了不少。在浏览器端常见的就是DOM事件和Ajax。而服务器端则是各种异步IO。实践中,服务器NodeJs会有更多异步流程需要处理。
不知道提问者是问浏览器端还是服务器NodeJs端的,不过核心解决方案都是让你的异步api支持Promise写法,将嵌套的回调舒展成线性。后续也可以使用co或者async/await来同步化你的异步代码。本回答被提问者采纳

如何确保三个线程顺序执行

如何确保三个线程顺序执行

 

场景:有三个线程t1、t2、t3。确保三个线程t1执行完后t2执行,t2执行完成后t3执行。

1、thread.Join把指定的线程加入到当前线程,可以将两个交替执行的线程合并为顺序执行的线程。比如在线程B中调用了线程A的Join()方法,直到线程A执行完毕后,才会继续执行线程B

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
public class ThreadTest1 {
// T1、T2、T3三个线程顺序执行
public static void main(String[] args) {
    Thread t1 = new Thread(new Work(null));
    Thread t2 = new Thread(new Work(t1));
    Thread t3 = new Thread(new Work(t2));
    t1.start();
    t2.start();
    t3.start();
  
}
static class Work implements Runnable {
    private Thread beforeThread;
    public Work(Thread beforeThread) {
        this.beforeThread = beforeThread;
    }
    public void run() {
        if (beforeThread != null) {
            try {
                beforeThread.join();
                System.out.println("thread start:" + Thread.currentThread().getName());
            catch (InterruptedException e) {
                e.printStackTrace();
            }
        else {
            System.out.println("thread start:" + Thread.currentThread().getName());
        }
    }
 }
}

2、使用CountDownLatch

CountDownLatch(闭锁)是一个很有用的工具类,利用它我们可以拦截一个或多个线程使其在某个条件成熟后再执行。它的内部提供了一个计数器,在构造闭锁时必须指定计数器的初始值,且计数器的初始值必须大于0。另外它还提供了一个countDown方法来操作计数器的值,每调用一次countDown方法计数器都会减1,直到计数器的值减为0时就代表条件已成熟,所有因调用await方法而阻塞的线程都会被唤醒。这就是CountDownLatch的内部机制,看起来很简单,无非就是阻塞一部分线程让其在达到某个条件之后再执行。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
public class ThreadTest2 {
  
// T1、T2、T3三个线程顺序执行
public static void main(String[] args) {
    CountDownLatch c0 = new CountDownLatch(0); //计数器为0
    CountDownLatch c1 = new CountDownLatch(1); //计数器为1
    CountDownLatch c2 = new CountDownLatch(1); //计数器为1
  
    Thread t1 = new Thread(new Work(c0, c1));
    //c0为0,t1可以执行。t1的计数器减1
  
    Thread t2 = new Thread(new Work(c1, c2));
    //t1的计数器为0时,t2才能执行。t2的计数器c2减1
  
    Thread t3 = new Thread(new Work(c2, c2));
    //t2的计数器c2为0时,t3才能执行
  
    t1.start();
    t2.start();
    t3.start();
  
}
  
//定义Work线程类,需要传入开始和结束的CountDownLatch参数
static class Work implements Runnable {
    CountDownLatch c1;
    CountDownLatch c2;
  
    Work(CountDownLatch c1, CountDownLatch c2) {
        super();
        this.c1 = c1;
        this.c2 = c2;
    }
  
    public void run() {
        try {
            c1.await();//前一线程为0才可以执行
            System.out.println("thread start:" + Thread.currentThread().getName());
            c2.countDown();//本线程计数器减少
        catch (InterruptedException e) {
        }
  
    }
 }
}

以上是关于如何确保JavaScript的执行顺序的主要内容,如果未能解决你的问题,请参考以下文章

如何确保三个线程顺序执行

如何确保 onResponse 的执行顺序与请求的顺序相同?

如何确保 Node.js 中的这些函数链按顺序执行(使用 Promise)?

javascript 确保在一段代码执行后再执行下面的代码???

如何按顺序执行javascript代码?

在Javascript中确保forEach / for循环的正确顺序的简单方法?