javascript代码执行顺序问题

  • 时间:2018-07-19 22:52 作者:九云IT 来源:九云IT 阅读:84
  • 扫一扫,手机访问
摘要:今天就给大家详情一个特别基础的东西,javascript中函数的一点儿小知识(js代码的执行顺序),希望对大家有那么一点点帮助吧!!!?一、js-单线程严格意义上来说,javascript没有多线程的概念,所有的程序都是单线程依次执行的。1、什么是单线程?浅显点说,就是代码在执行过程中,另一段代码想

今天就给大家详情一个特别基础的东西,javascript中函数的一点儿小知识(js代码的执行顺序),希望对大家有那么一点点帮助吧!!!

javascript代码执行顺序问题

?一、js--->单线程

严格意义上来说,javascript没有多线程的概念,所有的程序都是单线程依次执行的。

1、什么是单线程?

浅显点说,就是代码在执行过程中,另一段代码想要执行就必需等当前代码执行完成后才可以进行。我们拿一段代码来解释一下吧

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。

2、假如想要改变上面的状况可以运使用以下代码

//将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、在js语言中,没有相似于c语言这样的块级作使用域。

2、js语言中的顶级作使用域为window对象范围内,称为全局作使用域,在全局作使用域中公告的变量为全局变量。

3、js函数范围内的变量只能在函数内部用,函数外部无法用,这样的变量为局部变量。

4、js函数可以嵌套,多个函数的嵌套构成了作使用域的层层嵌套,这称为js中的作使用域链。

5、js作使用域链变量访问规则:

(1)、当前作使用域内存在要访问的变量时,则用当前作使用域中的变量。

(2)、当前作使用域中不存在要访问的变量时,则会到上一层作使用域中寻觅,直到全局作使用域。

>>>执行顺序

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代码执行的先后顺序问题,希望对大家有所帮助,对IT行业感兴趣的网友可以关注我们公众号:九云IT教育 理解更多介绍!

  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】Spring02——实现动态代理商阻拦器(2018-10-20 23:18)
【系统环境|服务器应用】Spring01——SpringIoC容器(2018-10-20 23:17)
【系统环境|服务器应用】最大堆进阶:堆排序及其优化(2018-10-20 23:17)
【系统环境|服务器应用】【一文读懂】百度一下,背后可不只是简单的一下(2018-10-20 23:17)
【系统环境|服务器应用】注意!这5种搜索套路,让你资源搜索不求人(2018-10-20 23:17)
【系统环境|服务器应用】Java线程池---Executor框架源码深度解析(2018-10-20 23:16)
【系统环境|服务器应用】X.509证书认证模式简介(2018-10-20 23:16)
【系统环境|服务器应用】Spring Security权限框架理论与实战(二)-常用权限阻拦器(2018-10-20 23:16)
【系统环境|服务器应用】做程序员太辛苦了, 我想换行,我该怎样办? “敲一下回车。”(2018-10-20 23:16)
【系统环境|服务器应用】mysql中使用select的正确姿势你知道吗?(2018-10-20 23:16)
手机二维码手机访问领取大礼包
返回顶部