js代码执行顺序问题

  前  言

LiuDaP

　　　今天就给你们介绍一个特别基础的东西，javascript中函数的一点儿小知识（js代码的执行顺序），但愿对你们有那么一点点帮助吧！！！

 　　

1、js--->单线程

 　　严格意义上来讲，javascript没有多线程的概念，全部的程序都是单线程依次执行的。

　　一、什么是单线程？

　　通俗点说，就是代码在执行过程当中，另外一段代码想要执行就必须等当前代码执行完成后才能够进行。咱们拿一段代码来解释一下吧

1 for(var i=1;i<=3;i++){
2     setTimeout(function(){
3         console.log(i); //输出：4,4,4
4     },0)
5 }

　　咱们来看一下上面的这段代码，既然延时器时间设置为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)
}

 

2、js中的函数做用域和代码的执行

　　>>>函数做用域

咱们先来了解一下如下几个概念：

　　一、在js语言中，没有相似于c语言这样的块级做用域。

　　二、js语言中的顶级做用域为window对象范围内，称为全局做用域，在全局做用域中声明的变量为全局变量。

　　三、js函数范围内的变量只能在函数内部使用，函数外部没法使用，这样的变量为局部变量。

　　四、js函数能够嵌套，多个函数的嵌套构成了做用域的层层嵌套，这称为js中的做用域链。

　　五、js做用域链变量访问规则：

　　　　（1）、当前做用域内存在要访问的变量时，则使用当前做用域中的变量。

 　　　   （2）、当前做用域中不存在要访问的变量时，则会到上一层做用域中寻找，直到全局做用域。

　　>>>执行顺序

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

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

　　二、代码的执行阶段，此阶段对变量进行赋值和函数的声明。

看了上面的一些具体的概念，咱们拿一段代码进行举例说明：

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。

编者按

　　这个周末因为事情太多了，就给你们分享到这里吧，但愿这一点点小知识能给你们带来一点点的帮助。。