上一章JavaScript教程请查看:JS基本语法
【JS使用变量 –
JavaScript教程】在本教程中,你将学习如何创建变量来在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和constES6引入了两个新的关键字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保留字。
推荐阅读
- JS生成输出 – JavaScript教程
- JS基本语法 – JavaScript教程
- 开始使用JS编程 – JavaScript教程
- JS编程入门介绍 – JavaScript教程
- 在chromev8中的JavaScript事件循环分析
- 学习ReactJS之前必须了解的5大技能
- 在Java中使用FileStreams复制文件
- JavaScript中的if-else语句编程实例
- 前端优秀开源项目|Vuestic UI - 免费开源的高质量 Vue3 UI 组件库,还内置了漂亮的 Vuestic Admin 后台框架