如何确保JavaScript的执行顺序

Posted 2023-03-23

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) {         }        }  } }