摘要：在此，我们首先根据变量的作用域，将变量划分为三级，具体是全局变量局部变量和参数变量。
【摘要】本文是专为JavaScript入门者而总结的，总体上将JavaScript的基础部分分成了九大块，分别是变量、运算符、数组、流程控制结构、字符串函数、函数基础、DOM操作基础、文档对象模型DOM和正则表达式。
【关键字】变量、运算符、数组、流程控制结构、函数、DOM、正则表达式。
本篇文章的主要内容是围绕着JavaScript（以后简称JS）的基础进行归纳与总结的，一方面可以给入门级的JS爱好者提供一个学习的路径，另一方面，也可以给稍有基础的JS学习者进行知识梳理用。
作为网页设计三层分离结构中的第三部分，JS的作用与地位毋庸置疑，然而，想系统化掌握JS的基础，为后续的高阶学习做好铺垫，还必须要对JS的基本内容有清晰的认识，所以，在此将JS的基础部分分为九大模块来进行归纳。
一、JS变量
对于变量而言，我们主要要从四个方面来掌握，具体包括命名、声明、类型和作用域，这四个方面在其他的编程语言中也一样存在，下面我们就具体来分别归纳：
1、命名
在变量的命名方面，我们需要了解命名的方法和命名的规则。
（1）命名的方法
命名的方法在实际的项目中，我们通常会有两大类，一类是匈牙利命名法，这种命名法的写法是：变量名=类型+对象描述，例如我们要命名一个表单变量时，我们首先知道，该变量的类型是表单（form），同时，我们要知道这个表单的功能或含义，比如说这个表单是一个Switchboard，所以此时，我们对这个表单变量的命名应该为frmSwitchboard，这样，其他人在阅读你的代码时，就很容易理解了，当看到frm的时候，就知道你这个变量是一个表单变量了。
除了匈牙利命名法之外，另一类是驼峰命名法，这也是当前大多数项目中经常使用的命名方法，而驼峰命名法又分为大小写。如果全部是小写的命名，那么每两个单词之间是使用一个下划线“_”来连接的，例如：frm_switch_board；如果命名中大小写同时存在，此时，又将其分为大驼峰和小驼峰。大驼峰的命名是每个单词的首字母都是大写字母，例如：FrmSwitchBoard；而小驼峰的命名是第一个单词的首字母要小写，其后的单词的首字母都要大写，例如：frmSwitchBoard。
以上就是变量的命名方法，当前，国内主要采用的命名方法是小驼峰命名法。那么，我们在了解命名方法的同时，我们还必须同时掌握类型的问题，在JS中，类型主要有以下几种：
<1>Int类型 — i
<2>Float类型 — fl
<3>Boolean类型 — b
<4>String类型 — s
<5>Array数组 — a
<6>Object对象 — o
<7>Function函数 — fn
<8>Regular Expression正则 — re
我们在了解了类型之后，接下来我们再来看看变量命名的规则问题。
（2）命名的规则
我们之所以要了解变量的命名规则，目的是为了让我们命名的变量合法，也就是说可以正常使用。
在JS中，变量命名的规则一般需要遵循以下三条：
<1>变量名的首字符只能是英文字母或者下划线；
<2>变量名可以由英文字符、数字和下划线组成，不能包含其他的特殊字符，如@、！等字符；
<3>变量名不能是JS中的关键字或保留字。
2、声明
我们在完全理解并掌握了变量的命名之后，接下来我们来看看变量的声明问题。对于变量的声明，我们也需要把握好以下三个原则：
（1）JS中的变量通常是显式声明，例如：var 变量名；
（2）在声明变量时，我们切忌出现几个问题。其一，声明的变量没有数据类型；其二，重复声明变量；其三，隐式声明变量；其四，不声明而直接赋值。
而解决此类问题的一个最简单的办法就是先写变量声明符var，紧接着就写变量名，最后再直接给变量赋初值，例如：“var i = 0;” ；
（3）我们在声明变量时还需要养成一个好习惯，简单概括就十二个字：先声明、后读写、先赋值、后运算。
3、类型
对于变量而言，它其实可以分为两大类，一类是值类型，另一类是引用类型。
（1）值类型
对于值类型的变量，它具备以下几个特征：
<1>占用的存储空间是固定的；
<2>在保存与复制的时候，操作的是值本身；
<3>可以使用JS中的类型检测函数typeof()来检测其具体的类型；
（2）引用类型
而引用类型的变量，它也具备几个特征：
<1>变量占用的存储空间不是固定的；
<2>在保存与复制的时候，操作的是指向该变量的一个指针；
<3>可以通过instanceof()函数来检测其数据类型
同时，我们还需要了解的一个问题，那就是使用new()方法构造出的对象是属于引用类型的变量。
4、作用域
我们在了解了变量的命名、声明和类型之后，我们最后再来看看，在实际的项目中，我们所使用的变量的另外一个比较关键的问题，那就是变量的作用域。在此，我们首先根据变量的作用域，将变量划分为三级，具体是全局变量、局部变量和参数变量。
对于上述三级变量，我们分别从写法到调用，再到优先级最后再到特性等三个层次来总结。
（1）写法与调用
对于全局变量，它的写法要求我们在声明此变量的时候，要放在函数体的外部来进行声明，而调用的时候，可以在项目的任何位置进行；对于局部变量，它的写法要求我们必须在函数体的内部进行声明，而调用时，只能在函数体内部调用；再者，对于参数变量，它也是要求在函数声明的时候同时声明，而调用时，也必须出现在函数体的内部。
（2）优先级
在优先级方面，有三个参考的规则：
<1>同名的局部变量的优先级要高于全局变量；
<2>同名的参数变量的优先级也是高于全局变量；
<3>同名的局部变量的优先级高于参数变量。
（3）特性
对于变量的作用域，有以下一些特点：
<1>全局变量可以看作是全局对象的属性，而局部变量可以看作是调用对象的属性；
<2>内层函数可以访问外层函数的局部变量，但外层函数不能访问内层函数的局部变量；
<3>在变量的生命周期方面，全局变量除非被删除，否则将一直存在，局部变量则存活于自声明起到函数运行结束或者被删除之前。
以上内容就是我们在学习JavaScript时，对于变量方面需要掌握的知识点，希望能给大家带来参考。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/79435.html
摘要：今天主要说一下个人情况和学习路径规划。个人情况作为浙江新高考最后一届小白鼠，经历了许许多多手动和谐的事情，但是七选三有技术是唯一好的一件事情，让我有了一点编程的基础。 前言 Hello World!这是我思否的第一篇技术博客（不知道算不算），刚刚经历了高考，有个10+分的滑铁卢，现坐标浙江杭州，被西南某末流211机械专业录取。虽然被苦x的机械录取，但还是对计算机有着幻想。以后想通...
摘要：今天主要说一下个人情况和学习路径规划。个人情况作为浙江新高考最后一届小白鼠，经历了许许多多手动和谐的事情，但是七选三有技术是唯一好的一件事情，让我有了一点编程的基础。 前言 Hello World!这是我思否的第一篇技术博客（不知道算不算），刚刚经历了高考，有个10+分的滑铁卢，现坐标浙江杭州，被西南某末流211机械专业录取。虽然被苦x的机械录取，但还是对计算机有着幻想。以后想通...
某熊的技术之路指北 ☯ 当我们站在技术之路的原点，未来可能充满了迷茫，也存在着很多不同的可能；我们可能成为 Web/(大)前端/终端工程师、服务端架构工程师、测试/运维/安全工程师等质量保障、可用性保障相关的工程师、大数据/云计算/虚拟化工程师、算法工程师、产品经理等等某个或者某几个角色。某熊的技术之路系列文章/书籍/视频/代码即是笔者蹒跚行进于这条路上的点滴印记，包含了笔者作为程序员的技术视野、...
摘要：模块化是随着前端技术的发展，前端代码爆炸式增长后，工程化所采取的必然措施。目前模块化的思想分为和。特别指出，事件不等同于异步，回调也不等同于异步。将会讨论安全的类型检测惰性载入函数冻结对象定时器等话题。 Vue.js 前后端同构方案之准备篇——代码优化 目前 Vue.js 的火爆不亚于当初的 React，本人对写代码有洁癖，代码也是艺术。此篇是准备篇，工欲善其事，必先利其器。我们先在代...
阅读 3042·2021-11-23 09:51
阅读 3455·2021-09-22 15:35
阅读 3496·2021-09-22 10:02
阅读 2831·2021-08-30 09:49
阅读 385·2021-08-05 10:01
阅读 3203·2019-08-30 15:54
阅读 1495·2019-08-30 15:53
阅读 3437·2019-08-29 16:27
