JavaScript 变量

发布时间：2023-03-07 14:06:45 所属栏目：教程来源：

导读：变量来源于数学，是计算机语言中能储存计算结果或能表示值抽象概念。

变量就是存放一些内容的容器。

对于初学者，理解变量是重要的一环。

从分析变量这个名词，可以知道他是一个可以改变的量，这里的量就是

变量来源于数学，是计算机语言中能储存计算结果或能表示值抽象概念。

变量就是存放一些内容的容器。

对于初学者，理解变量是重要的一环。

从分析变量这个名词，可以知道他是一个可以改变的量，这里的量就是代表某一种值。

在 JavaScript 中，变量就是一个用来存放值的容器，并且可以对容器中的值做修改。

每个变量都有唯一的变量名，使用变量名来区分变量。

1. 声明变量
在 JavaScript 中使用var关键字来声明变量。

var 存放数字用的变量 = ;
console.log(存放数字用的变量); // 输出：996
上述这段代码就是申明了一个名为存放数字用的变量的变量，并且将它的值设为996。

使用 console.log，括号内放置变量名，即可将变量的值输出在控制台。

其中 // 后面的内容为注释，代码执行过程中会被忽略。

虽然使用中文作为变量名在 chrome 浏览器下没有报错，但是还是不建议使用。

常规场景中不会有使用中文名作为变量的情况。

所以上述例子中的变量名不可取。

var number = ;
console.log(number); // 输出：996
将存放数字用的变量修改成 number ，执行结果是一样的。

2. 赋值
给变量设置值的操作称为赋值操作。

2.1 最简单的赋值操作
var result = ;
console.log(result); // 输出：0
这是一个最简单的赋值操作，直接将值赋给变量。

通常只有一个等号出现的情况下就存在赋值操作。

2.2 将计算结果赋值给变量
var result = + ;
console.log(result); // 输出：5
这也是一个赋值操作，只不过等号右边的 2 + 3 会被计算出结果（计算的方式和小学开始学习的自然数学一样），再赋给变量 result。

将上面这个例子做一个简单的改写：

2.3 让变量也参与计算
var number1 = ;
var number2 = ;
var result = number1 + number2; // 2 + 3
console.log(result); // 输出：5
原本 2 + 3 这部分也可以被变量所代替，参与计算的就是变量中的值。

2.4 改变变量的值
var string = '今天加班？';
console.log(string); // 输出：今天加班？
string = '福报！';
console.log(string); // 输出：福报！
注意：

这里赋给变量的值和之前有点不一样，是中文文字。

当需要用变量存放一些“字”的时候，就需要用单引号'或者双引号"将需要存放的字包裹。

通常单个字会称之为字符，多个字的时候称为字符串。

这里做个了解，具体的会在后续数据类型章节详细展开讨论。

这段代码运行后可以在控制台观察到有两个输出，分别对应变量的值。

代码很简单，先声明了一个叫 string 的变量，并赋值字符串今天加班？并输出，随后修改了他的值，重新赋值了字符串福报！。

这是变量最重要的一个特性：可变。

3. 变量的命名规范
在 JavaScript 中变量名存在一定规范，所有变量名必须符合这些规范，否则程序无法执行。

3.1 变量名必须使用字母、下划线(_)、美元符号($)开头
尽管之前的例子有用到中文作为变量名，但是是不推荐的。

// 不会报错但是不推荐
var 数字 = ;
// 错误
var 1number = ;
// 错误
var number@a = ;
// 错误
var num+aa = ;
//下面是正确的方式
var number1 = ;
var _number = ;
var $number = ;
以上是一些简单的示例，可以根据规则自己在控制台尝试寻找规则。

3.2 变量对大小写敏感
// 这是两个不同的变量
var firstName = 'Hello';
var firstname = 'hello';
以上是两个不同的变量，在 JavaScript 中变量是对大小写敏感的。

两个变量名即便字母是相同的，但是大小写不同，就不能算做一个变量。

3.3 无法使用关键字作为变量名
关键字就是指一些已经被 JavaScript 预定义或者保留下来的内容，如声明变量用的关键字 var 就不能作为变量名。

var var = ; // Uncaught SyntaxError: Unexpected token 'var'
上面这段代码尝试着将 var 作为变量，到控制台运行是会报错的。

4. 合理规范的变量名
刚开始学习的读者，现在去深究如何命名一个变量还有些尚早，因为结合了具体的需求场景才能体会到一个好的变量名的重要性。可以先在此做个了解。

对于变量名，除了上面提到的变量命名的规范，最需要注意的就是给变量起一个有意义的名字。

如求和：

var num1 = ;
var num2 = ;
var num3 = ;
var num4 = ;
var count = num1 + num2 + num3 + num4;
其中num是number的缩写，是很常用的一种缩写。

count则是总数，表示求和的结果。

如果将上述例子做如下修改：

var a = ;
var b = ;
var c = ;
var d = ;
var e = a + b + c + d;
缺少了有意义的变量名就比较难看出代码具体在做什么。当然这段代码本身意义就不大，场景太过简单。

刚才提到的缩写，其实也是要注意的一点，缩写上一定要使用通用的缩写，如含有fn表示一个功能或者函数，avg 表示平均值，pwd 表示密码，i18n 为国际化。

这些缩写比较通用，大部分开发者都可以看得懂。随着编码经验的增加，会在他人代码里见到大量的缩写，从而累积到自己的大脑的缩写库中。

最后需要注意的一点是业务中尽量不要含有中文拼音或中文拼音的缩写，排开鄙视链的原因，最大的问题是会让变量名变得冗长难懂。

以上内容在写 demo 或者测试功能的时候可以不需要考虑，写 demo 等大部分情况是为了验证自己的猜想。

// 不合理的变量名
var ln = 'World'; // last name
var zs = ; // 总数
var jinNianDeNianShouRu = ; // 今年的年收入
以上是针对变量名的意义展开的讨论。

还有需要注意的是变量命名的格式，大部分前端程序员会使用驼峰命名法，也就是第一个字母小写，后续如果有新的单词来进行构成，单词的第一个字符都大写。

如：

var firstName = 'Hello';
var lastName = 'world';
var createAt = ;
var userInfo = '用户信息'; // Info => information
var isPaidUser = '是否付费用户';
可以见到上面的变量，从构成变量名的第二个单词开始，首字母都是大写，这就是驼峰命名的格式，本 Wiki 所有变量名使用的就是这种格式。

当然还有大驼峰，就是第一个字母也大写。

除此之外最常用的还有使用下划线分隔变量，如 user_info，还有按功能来划分的变量名，如使用匈牙利命名法，这里不再做展开。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!