JavaScript 变量

Created: October-14, 2018

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

变量是什么？

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

你可以使用 var 关键字创建变量，而赋值运算符（=）用于为变量赋值，如下所示： var varName = value;

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

提示： 始终为变量指定有意义的名称。另外，为了命名包含多个单词的变量，通常使用驼峰式命名法。在这个约定中，第一个之后的所有单词的第一个字母都应该是大写的，例如 myLongVariableName 。

在上面的例子中，我们创建了三个变量，第一个变量分配了一个字符串值，第二个变量分配了一个数字，而最后一个变量分配了一个布尔值。变量可以包含不同类型的数据，我们将在后面的章节中了解它们。

在 JavaScript 中，也可以声明变量，而不必为其分配任何初始值。这对于应该保存用户输入等值的变量很有用。

// Declaring Variable
var userName;
 
// Assigning value
userName = "Clark Kent";

注意： 在 JavaScript 中，如果已声明变量，但尚未明确赋值，则会自动为其分配值 undefined 。

一次声明多个变量

此外，你还可以声明多个变量并在单个语句中设置其初始值。每个变量用逗号分隔，如以下示例所示：

// Declaring multiple Variables
var name = "Peter Parker", age = 21, isMarried = false;
 
/* Longer declarations can be written to span
multiple lines to improve the readability */
var name = "Peter Parker",
age = 21,
isMarried = false;

let 和 const 关键字 (ES6)

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

const 关键字同 let 关键字的工作原理完全一样，不同之处在于使用声明的变量 const 关键字不能在后面的代码重新分配。这是一个例子：

// Declaring variables
let name = "Harry Potter";
let age = 11;
let isStudent = true;

// Declaring constant
const PI = 3.14;
console.log(PI); // 3.14

// Trying to reassign
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 是两个不同的变量。因此在定义变量名时要小心。