JS使用变量 – JavaScript教程

上一章JavaScript教程请查看：JS基本语法

在本教程中，你将学习如何创建变量来在JavaScript中存储数据。

变量是什么？

变量是所有编程语言的基础。变量用于存储数据，如文本字符串、数字等。可以根据需要设置、更新和检索变量中存储的数据或值，通常，变量是值的符号名称。

你可以使用var关键字创建一个变量，而赋值操作符(=)用于为一个变量赋值，如下所示：

var name = "Peter Parker";
var age = 21;
var isMarried = false;

提示：给变量起一个有意义的名字。此外，对于包含多个单词的变量的命名，camelCase是常用的。在这个惯例中，第二个单词开始每个单词首字母都是大写的，例如myLongVariableName。

在上面的例子中，我们创建了三个变量，第一个用字符串值赋值，第二个用数字赋值，而最后一个用布尔值赋值。变量可以保存不同类型的数据，我们将在后面的章节中学习它们。

在JavaScript中，变量也可以在没有赋值的情况下声明。这对于应该保存用户输入等值的变量非常有用。

// 声明变量
var userName;
 
// 分配值
userName = "La Oreja De Van Gogh";

注意：在JavaScript中，如果已经声明了一个变量，但是没有显式地分配一个值，那么将自动分配未定义的值。

一次声明多个变量

此外，还可以在一条语句中声明多个变量并设置它们的初始值，每个变量由逗号分隔，如下例所示：

// 声明多个变量
var name = "Peter", age = 21, isMarried = false;
 
/* 可以编写更长的声明，
跨越多行以提高可读性 */
var name = "Peter",
age = 21,
isMarried = false;

ES6的关键词let和const

ES6引入了两个新的关键字let和const来声明变量。

const关键字的工作方式与let完全相同，只是使用const关键字声明的变量不能在以后的代码中重新分配。这里有一个例子：

// 声明变量
let name = "Harry Potter";
let age = 11;
let isStudent = true;

// 声明常量
const PI = 3.14;
console.log(PI); // 3.14

// 试图重新赋值
PI = 10; // error

与声明函数作用域变量的var不同，let和const关键字都声明变量，作用域在块级({})。块作用域表示在一对花括号{}之间创建一个新的作用域，我们将在JavaScript ES6特性一章中详细讨论这一点。

注意：let和const关键字在IE10等较老的浏览器中不受支持，IE11部分支持它们。参见JS ES6特性一章，了解如何开始使用ES6。

JavaScript变量的命名约定

以下是JavaScript变量的命名规则：

• 变量名必须以字母、下划线(_)或美元符号($)开头。
• 变量名不能以数字开头。
• 变量名只能包含字母数字字符(A-z, 0-9)和下划线。
• 变量名不能包含空格。
• 变量名不能是JavaScript关键字或JavaScript保留字。

注意：JavaScript中的变量名是区分大小写的，这意味着$myvar和$myvar是两个不同的变量，所以在定义变量名时要小心。