如何确保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)?