全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

千锋web前端培训班:JavaScript中变量提升是什么?如何实现?

发布时间:2021-09-03 14:23:00
发布人:小千

      在进行web前端开发的时候,我们经常会遇到变量提升的情况,那么JS在解析变量的时候是如何做到提升的呢?今天小千就来带大家了解一下。

      首先在JS中涉及两种作用域的问题,那么什么是作用域呢?

      作用域是代码中所使用名字的作用范围,分为Script全局作用域和函数局部作用域。 当浏览器在解析网页内容时,会分别启动不同的解析器来解释代码的含义,如解析标签(超文本)的解析器、解析CSS样式的解析器,解析javascript脚本的解析器。且解析过程为同步(按顺序)解析。所以当浏览器解析到script标签时,会停止对html和css的解析,同时启动javascript的解析器。而在解析javascript的过程中我们主要关注解析器中的两个步骤:

      1.预解析,即在当前作用范围中去寻找var、function、形参这三个内容。

      如果找到var关键字、则提取var后面的名字放到当前作用域中,且默认给这个变量初始化一个值为undefined。

      如果找到function关键字,则提取函数名放到当前作用域中,且将整个函数块赋值给函数名。

      如果找到形参,则将形参名放到当前作用域中,且默认初始化为undefined。这个过程也称为变量提升。

      2.逐行解读代码(即从上到下依次执行每一条语句)且分为两个步骤:执行表达式和函数调用。

千锋<a href=web前端培训" />

      当变量名与函数名相同时:

千锋web前端培训2

      当有多个script标签时: - 多个script标签时,从上到下依次解析script作用域,所以建议将所有声明的语句放到第一个script中。

千锋web前端培训3

      以上就是web前端JS变量提升的介绍了,最后欢迎对web前端开发感兴趣的同学来到千锋大前端培训班参加我们的前端培训课程学习,现在咨询不仅有两周的免费试听,更有免费学习资料和教程视频可以领取,赶紧去找在线老师了解一下吧。

      千锋web前端培训班http://www.mobiletrain.org/page/html5.html

相关文章

HTML登录注册网页怎么链接数据库登录?

HTML登录注册网页怎么链接数据库登录?

2023-10-14
超级APP系统比市场APP系统有哪些亮点呢?

超级APP系统比市场APP系统有哪些亮点呢?

2023-10-14
常用JS前端开发框架有哪些?

常用JS前端开发框架有哪些?

2023-10-14
常见的内存泄漏有哪些情况?

常见的内存泄漏有哪些情况?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取