js axios 顺序执行如何让js顺序执行

转载

mob64ca1417b0c6 2023-10-08 08:31:20

文章标签 js axios 顺序执行 css css3 html javascript 文章分类 iOS 移动开发

严格意义上来说，javascript没有多线程的概念，所有的程序都是单线程依次执行的。
通俗点说，就是代码在执行过程中，另一段代码想要执行就必须等当前代码执行完成后才可以进行。我们拿一段代码来解释一下吧

for(var i=1;i<=3;i++){

  setTimeout(function(){

    console.log(i); //输出：4,4,4

  },0)

}

我们来看一下上面的这段代码，既然延时器时间设置为0，那么应该执行一遍循环就应该立即打印出一个i，但是最终的打印结果为：4，4，4。之所以会出现上面的结果，正是因为js代码是单线程应用。

在执行过程中，先遇到for循环，for循环先进入线程。当i=1时，循环走到setTimeOut后，此时的for循环还没有执行完成，setTimeOut就会被放入一个地方（线程池）等待执行。
此时for循环继续执行，当i=2时，for循环仍没有执行完，这时的setTimeOut仍会被放在线程池中等待执行……依次类推，直到for循环转完3遍后，for循环执行完了，此时线程空闲了，在线程池中等待执行的setTimeOut依次执行打印i，而for循环执行完成后，i变成了4，所以打印出了三个4。
想改变的话：

//将var变为let

for(let i=1; i<=3; i++){

  setTimeOut(function(){

    console.log(i); //输出的结果为1，2，3

  },0);

}

//用自执行函数进行包裹

for(var i=1; i<=3; i++){

  !function(i){

    setTimeOut(function(){

      console.log(i); //输出的结果为1，2，3

    },0);

  }(i)

}

js代码执行分为两个部分：

1、代码的检查装载阶段（预编译阶段），此阶段进行变量和函数的声明，但是不对变量进行赋值，变量的默认值为undefined。

2、代码的执行阶段，此阶段对变量进行赋值和函数的声明
如下：

var a=1; //声明了一个全局变量

function func(){

  console.log(a); //输出：undefined。打印a，而在func这个作用域中已经声明了a变量，按照js的执行顺序，此时的a并未被赋值。

  var a=1;

  console.log(a); //输出：1。

}

func();`在这里插入代码片`

看上面的代码：第一个a输出undefined。原因：js作用域链的访问规则，当前作用域内存在要访问的变量a，所以使用当前作用域中的变量。再根据js代码的执行顺序，此时的a只是声明了而并未被赋值，默认为undefined，所以输出undefined。

而第二个a，输出1，正是因为此时的a已经被声明且被赋值，所以a输出1。
顺序也可以这么说
一、先预处理后执行
在一个JavaScript文件或一个JavaScript代码块的内部，浏览器会先对代码进行预处理（编译），然后再执行。

预处理会跳过执行语句，只处理声明语句，同样也是按从上到下按顺序进行的。包括变量和函数在内的所有声明都会在任何代码被执行前首先被处理。即使声明是在调用的下方进行的，但浏览器仍然先声明再调用（执行），这个现象叫做“提升”。所以，即便一个函数的声明在下方，在前面仍然可以正常执行这个函数。

注意1：对于声明并赋值的语句，例如 var a = 1，在预处理阶段会把这句话拆成两句：