JAVASCRIPT 基础教程
JAVASCRIPT & DOM
JAVASCRIPT & BOM
JAVASCRIPT 高级教程
JAVASCRIPT 示例
JAVASCRIPT 参考

JavaScript 变量

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

什么是变量?

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

您可以使用 var 关键字创建变量,而赋值运算符 (=) 用于为变量赋值,如下所示: var varName = value;

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

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

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

在 JavaScript 中,也可以声明变量而无需为其分配任何初始值。 这对于应该保存诸如用户输入之类的值的变量很有用。

// 声明变量
var userName;
 
// 赋值
userName = "Clark Kent";

注意:在 JavaScript 中,如果一个变量已经被声明,但没有被显式赋值,则自动赋值为 undefined


一次声明多个变量

此外,您还可以在单个语句中声明多个变量并设置它们的初始值。 每个变量都用逗号分隔,如下例所示:

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

let 和 const 关键字 ES6

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

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

 

注意: IE10 等旧版浏览器不支持 letconst 关键字。 IE11 部分支持它们。 请参阅 JS ES6 特性 章节,了解如何立即开始使用 ES6。


JavaScript 变量的命名约定

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

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

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

Advertisements