javascript执行顺序,js方法按顺序执行

js执行顺序+同步异步

按照js同步执行的顺序，函数调用会首先执行for循环，循环5次开启了5个延迟器，延时器内部的回调函数将会异步执行，会在延时1s后进入消息队列等待执行。循环了5次，所以此时i的值为5，然后同步执行console.log打印5，第一次同步执行结束，然后开始执行消息队列的异步任务，打印5个5，中间的undefined是函数调用无返回值返回的。

执行顺序和第一题相同，不同的是延时器被包裹在了一个立即执行函数内容，并把每一次循环的i作为参数传入，此时循环内部的函数形成了一个私有作用域，每一次的i变量被独立保存了起来，因此每一次循环的i的值都会被打印出来。

延时器内部回调函数是异步函数，将在延时结束后，进入消息队列等待执行，因此同步的console.log("CCCC")最优先执行，然后延时0ms的延时器的回调先进入消息队列，1000ms后第一个延时器的回调再进入消息队列等待执行，因此先执行0ms的回调打印DDDD，再执行1000ms的回调打印BBBB。

这里与上一题不同的是中间多了一个执行3s的同步while循环，因此执行顺序是这样的：

第一个延时器延时1s后内部异步回调函数进入消息队列等待执行，

等待while循环3s后打印"CCCC"，

循环结束后第一个延时器内部的回调已经进入消息队列第一个执行位置等待执行。

第二个延时器延时0s后内部异步回调函数进入消息队列等待执行，延时结束后排到第一个延时器的回调函数后面，

因此异步队里内部先打印"BBBB"，再打印"DDDD"

相关问答

Q1: 如何确保JavaScript的执行顺序

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

但是这里有几个代码跳转的地方：

1、setTimeout / setInterval

这两个函数中的代码是定时执行，不在顺序中；

2、ajax

Ajax一般来说，在 成功/失败 获取服务器端数据后会有js代码来处理接受到的数据；ajax有两种情况，分别是同步和异步；同步是指的，js在发送ajax请求后阻塞代码执行，一直到ajax获取到服务器返回数据，然后继续按代码顺序执行，也就是说，这种情况下，ajax后面的代码中可以正常使用ajax返回的数据；异步是指ajax请求发送后，代码跳过ajax，继续执行其后的代码，ajax 响应代码在ajax获取数据后执行，也就是说，这种情况下，ajax后面的代码中不能确定ajax的状态，也不可以ajax返回的数据。

Q2: js执行顺序

你现在是先定义了函数a，然后定义了函数b，然后再去执行函数a

即使你把代码改成这样依旧能够正常运行

a();

function a() {

    b();

}

function b() {

    console.log(111)

}

因为JS运行环境会把定义的代码（变量/函数）提升到作用域的最前面