JavaScript 变量

在本教程中,你将学习如何创建变量以在 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 引入了两个新关键字 letconst 用于声明变量。

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 声明函数范围变量的两者不同,letconst 关键字声明变量,它们的作用域在在块级({})。块作用域意味着在一对大括号之间创建新作用域 {} 。稍后我们将在 JavaScript ES6 功能章节中详细讨论这个问题。

注: letconst 关键字不会在旧的浏览器比如 IE10 支持。IE11 部分支持它们。请参阅 JS ES6 功能 章节,了解如何立即开始使用 ES6。

JavaScript 变量的命名约定

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

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

注意: JavaScript 中的变量名称区分大小写,这表示 $myvar$myVar 是两个不同的变量。因此在定义变量名时要小心。