游戏开发之旅-JavaScript变量详解

本节是第四讲的第四小节，本节主要为大家介绍JavaScript变量的概念以及变量的类型。

变量（Variables）

变量是用来存储数值的，那么有一个重要的概念需要区分。变量不是数值本身，它们仅仅是一个用于存储数值的容器，你可以把变量想象成一个个用来装东西的纸箱子。

声明变量

要想使用变量，你需要做的第一步就是创建它 -- 更准确的说，是声明一个变量。声明一个变量的语法是在 var 或 let 关键字之后加上这个变量的名字。例如：let myName; var myAge;

提示:在JavaScript中，所有代码指令都会以分号结尾 (;) — 如果忘记加分号，你的单行代码可能执行正常，但是在多行代码在一起的时候就可能出错。所以，最好是养成主动以分号作为代码结尾的习惯。

提示:千万不要把两个概念弄混淆了，“一个变量存在，但是没有数值”和“一个变量并不存在” — 他们完全是两回事 — 在前面你看到的盒子的类比中，不存在意味着没有可以存放变量的“盒子”。没有定义的值意味着有一个“盒子”，但是它里面没有任何值。

初始化变量

一旦你定义了一个变量，你就能够初始化它. 方法如下，在变量名之后跟上一个“=”，然后是数值。例如：myName = 'Chris';myAge = 37;let myName = 'Chris';

var 与 let 的区别

回到最初创建 JavaScript 时，是只有 var 的， 在大多数情况下，这种方法可以接受， 但有时在工作方式上会有一些问题——它的设计会令人困惑或令人讨厌 。因此，let 是在现代版本中的 JavaScript 创建的一个新的关键字，用于创建与 var 工作方式有些不同的变量，解决了过程中的问题。

首先，如果你编写一个声明并初始化变量的多行 JavaScript 程序，你可以在初始化一个变量之后用 var 声明它，它仍然可以工作。例如：myName = 'Chris';var myName;

其次，当你使用 var 时，可以根据需要多次声明相同名称的变量，但是 let 不能。以下将有效：var myName = 'Chris';var myName = 'Bob';或let myName = 'Chris';myName = 'Bob';

更新变量

一旦变量赋值，您可以通过简单地给它一个不同的值来更新它。例如：myName = 'Bob';

关于变量命名的规则

使用拉丁字符(0-9,a-z,A-Z)和下划线字符。

1、不应当使用规则之外的其他字符；2、变量名不要以下划线开头；3、变量名不要以数字开头；4、一个可靠的命名约定叫做 "小写驼峰命名法"，用来将多个单词组在一起，小写整个命名的第一个字母然后大写剩下单词的首字符；5、让变量名直观，它们描述了所包含的数据；6、变量名大小写敏感；7、应当避免使用JavaScript的保留字给变量命名。

错误命名如：12、_abc、@ac、var、b-c

变量类型

可以为变量设置不同的数据类型。

Number:在变量中存储数字，不论这些数字是像30（也叫整数），或者像2.456这样的小数（也叫做浮点数），在 JavaScript 中你不需要声明一个变量的类型。例如：let myAge = 17;

String：字符串是文本的一部分。当你给一个变量赋值为字符串时，你需要用单引号或者双引号把值给包起来，否则JavaScript将会把这个字符串值理解成别的变量名。例如：let word= 'good morning';

Boolean：Boolean 的值有2种：true或false，它们通常被用于在适当的代码之后，测试条件是否成立。例如：let iAmAlive = true;

Array：数组是一个单个对象，其中包含很多值，方括号括起来，并用逗号分隔。例如：let myNameArray = ['Chris', 'Bob', 'Jim'];myNameArray[0]; // should return 'Chris'  此处的方括号包含一个索引值，该值指定要返回的值的位置，从0开始计数。

Object：例如：let dog = { name : 'Spot', breed : 'Dalmatian' }; dog.name;

动态类型

JavaScript是一种“动态类型语言”，这意味着不同于其他一些语言(如C、JAVA)，您不需要指定变量将包含什么数据类型（例如number或string）。

使用typeof的特殊的操作符 ——它会返回所传递给它的变量的数据类型。例如：

let myNumber = '500'; // this is still a string

typeof myNumber;

myNumber = 500; // much better — now this is a number

typeof myNumber

以上内容部分摘自视频课程04网页游戏编程JavaScript-4变量详解，更多示例请参见网站示例。跟着张员外讲编程，学习更轻松，不花钱还能学习真本领。