后台开发Web前端岗，JavaScript之变量作用域的介绍，真是恍然大悟啊-程序员宅基地

技术标签： 2024年程序员学习前端 javascript 开发语言

I.变量作用域的分析

II.var关键字

III.let和const关键字

IV.var、let和const的对比

高质量博主，点个关注不迷路**！**

I.变量作用域的分析

首先，我们先研究一下JavaScript的变量作用域，研究作用域，我们不按照常规的文章那样解释概念，而是先给一个小demo，吊一下大家的胃口：

var a = 1;

var b = 2;

function pomp(){

alert(a);

alert(b);

b = 2;

alert(b);

var a = 3;

alert(a);

}

pomp();

如果运行这段代码，我们会看到怎样的结果呢？如果想思考一下的朋友，建议可以先简单思考一下，并点击这里验证答案：【点我揭晓】

如果你的答案是对的，那么你对JavaScript的作用域的理解已经是中等偏上了，可能有一些复杂的作用域你没有掌握，但是简单的开发已经没有问题了；如果你不知道答案，那么下面我就以这个例子为引，介绍一下JavaScript的变量作用域问题。

首先，如果有编程基础的同学，一定知道对于任何的编程语言，都有局部变量和全局变量的概念：全局变量的作用范围是全局的；而局部变量往往在一个部分被定义和使用，在这个部分之外，它的空间就会被回收，我们就无法再使用它。常见的局部变量出现的地方有：for循环、函数体、代码块。

在这些“局部”里，局部变量的优先级是大于全局变量的，这是什么意思呢？我们再用一个小demo来解释一下：

var a = 1

function pomp() {

var a = 2

alert(a)

}

pomp()

alert(a)

上面的代码运行之后，效果是这样的：【点我揭晓】

也就是说，我们在局部和全局都有一个变量a，那么在局部，脚本解释器会优先从最近的位置开始寻找，最近的位置，当然会有局部>大于全局的效果，于是第一个弹窗弹出的是2，第二个才是1。

介绍完了局部变量和全局变量，我们再回到最开始的那个demo的问题：

var a = 1;

var b = 2;

function pomp(){

alert(a);

alert(b);

b = 2;

alert(b);

var a = 3;

alert(a);

}

pomp();

显然，这里的问题是，我们明明已经给a声明为全局变量，并同时给a赋值了，那为什么会打印a为undefined呢？这就是JavaScript的另一个特点，就是解释器在一行一行解释代码之前，会给变量划好它们的作用域：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

ndroid移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**

本文链接：https://blog.csdn.net/m0_60567881/article/details/137397801

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

使用UmcFramework和unimrcpclient.xml连接多个SIP设置的配置指南及C代码示例

在多媒体通信领域，MRCP（Media Resource Control Protocol）协议被广泛用于控制语音识别和合成等媒体资源。UniMRCP是一个开源的MRCP实现，提供了客户端和服务端的库。UmcFramework是一个基于UniMRCP客户端库的示例应用程序框架，它帮助开发者快速集成和测试MRCP客户端功能。本文将详细介绍如何使用UmcFramework和unimrcpclient.xml配置文件连接到多个SIP设置，以及如何用C代码进行示例说明。

java.net.ProtocolException: Server redirected too many times (20)-程序员宅基地

文章浏览阅读3k次。报错：java.net.ProtocolException: Server redirected too many times (20)1.没有检查到cookie，一直循环重定向。解决：CookieHandler.setDefault(new CookieManager(null, CookiePolicy.ACCEPT_ALL));URL url = new URL(url); ..._java.net.protocolexception: server redirected too many times (20)

springboot启动报错 Failed to scan *****/derbyLocale_ja_JP.jar from classloader hierarchy_failed to scan from classloader hierarchy-程序员宅基地

文章浏览阅读4.1k次。问题这是部分报错信息2019-07-11 14:03:34.283 WARN [restartedMain][DirectJDKLog.java:175] - Failed to scan [file:/D:/repo/org/apache/derby/derby/10.14.2.0/derbyLocale_ja_JP.jar] from classloader hierarchyjava...._failed to scan from classloader hierarchy

MATLAB-ones函数_matlab中ones函数-程序员宅基地

文章浏览阅读2.8k次，点赞3次，收藏7次。在MATLAB中，ones函数用于创建一个指定大小的由1组成的矩阵或数组。_matlab中ones函数

解决PS等软件出现应用程序无法正常启动(0xc000007b)_photoshop应用程序无法正常启动0xc000007b。请单击“确认”关闭应用程序。-程序员宅基地

文章浏览阅读3.9w次，点赞2次，收藏9次。　　在使用电脑办公过程中，安装应用程序时难免遇到无法安装或者无法正常启动的问题，这对我们使用电脑带来了诸多不便。那遇到应用程序无法正常启动的问题要如何解决呢?相信大家肯定都是十分疑问的，每次都是只能忍痛重新安装软件。今天，小编就和大家探讨下应用程序无法正常启动的解决方法，帮助大家排忧解难。0xc000007b电脑图解1　　第一种方案：SFC检查系统完整性来尝试修复丢失文件　　1、打开电脑搜索输入cmd.exe，选择以管理员身份运行，跳出提示框时选择继续。0xc000007b电脑图解2_photoshop应用程序无法正常启动0xc000007b。请单击“确认”关闭应用程序。

oracle介质恢复和实例恢复的异同-程序员宅基地

文章浏览阅读396次。1、概念 REDO LOG是Oracle为确保已经提交的事务不会丢失而建立的一个机制。实际上REDO LOG的存在是为两种场景准备的：实例恢复（INSTANCE RECOVERY）；介质恢复（MEDIA RECOVERY）。实例恢复的目的是在数据库发生故障时，确保BUFFER CACHE中的数据不会丢失，不会造成数据库的..._oracle 实例恢复和介质恢复