最适合网络开发者的网站

JS 教程

JS 首页 JS 简介 JS 去哪儿 JS 输出 JS 语句 JS 语法 JS 评论 JS 变量 JS 让 JS 常量 JS 运算符 JS 算术 JS 作业 JS 数据类型 JS 函数 JS 对象 JS 活动 JS 字符串 JS 字符串方法 JS 字符串搜索 JS 字符串模板 JS 数字 JS 数字方法 JS 数组 JS 数组方法 JS 数组排序 JS 数组迭代 JS 数组常量 JS 日期 JS 日期格式 JS 获取日期方法 JS 日期设置方法 JS 数学 JS 随机 JS 布尔值 JS 比较 JS 如果否则 JS 开关 JS 循环 JS 循环 JS 循环 JS 循环 JS 中断 JS 可迭代对象 JS 集 JS 地图 JS Typeof JS 类型转换 JS 按位 JS 正则表达式 JS 错误 JS 作用域 JS 提升 JS 严格模式 JS this 关键字 JS 箭头函数 JS 类 JS 模块 JS JSON JS 调试 JS 风格指南 JS 最佳实践 JS 错误 JS 性能 JS 保留字

JS 版本

JS 版本 JS 2009(ES5) JS 2015(ES6) 小学 2016 小学 2017 小学 2018 小学 2019 小学 2020 小学 2021/2022 JS IE/Edge JS 历史

JS 对象

对象定义 对象属性 对象方法 对象显示 对象访问器 对象构造函数 对象原型 对象可迭代对象 对象集 对象映射 对象引用

JS 函数

函数定义 函数参数 函数调用 函数调用 功能应用 函数绑定 函数闭包

JS 类

课程简介 类继承 静态类

JS 异步

JS 回调 JS 异步 JS 承诺 JS 异步/等待

JS HTML DOM

DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听器 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表

JS 浏览器 BOM

JS 窗口 JS 屏幕 JS 位置 JS 历史 JS 导航器 JS 弹出警告 JS 时机 JS Cookies

JS Web API

Web API 简介 Web 表单 API 网络历史记录 API Web 存储 API Web Worker API Web 获取 API 网络地理定位 API

JS AJAX

AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用程序 AJAX 示例

JS JSON

JSON 简介 JSON 语法 JSON 与 XML JSON 数据类型 JSON 解析 JSON 字符串化 JSON 对象 JSON 数组 JSON 服务器 JSON 格式的 PHP JSON 的 HTML JSON JSONP

JS 与 jQuery

jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM

JS 图形

JS 图形 JS 画布 JS Plotly JS Chart.js JS 谷歌图表 JS D3.js

JS 示例

JS 示例 JS HTML DOM JS HTML 输入 JS HTML 对象 JS HTML 事件 JS 浏览器 JS 编辑器 JS 练习 JS 测验 JS 训练营 JS 证书

JS 参考

JavaScript 对象 HTML DOM 对象

JavaScript。W3Schools 英文版。初学者课程

尿素

JavaScript 变量

声明 JavaScript 变量的 4 种方法:

  • 使用 var
  • 使用 let
  • 使用 const
  • 不使用任何东西

什么是变量?

变量是存储数据(存储数据值)的容器。

在此示例中, x, y, 和 z,是变量,用 var 关键词:

例子

变量 x = 5;
变量 y = 6;
变量z=x+y;
亲自尝试 »

在此示例中, x, y, 和 z,是变量,用 let 关键词:

例子

设 x = 5;
令 y = 6;
让 z = x + y;
亲自尝试 »

在此示例中, x, y, 和 z,是未声明的变量:

例子

x = 5;
y=6;
z=x+y;
亲自尝试 »

从以上所有例子中,您可以猜测:

  • x 存储值 5
  • y 存储值 6
  • z 存储值 11

何时使用 JavaScript var?

始终使用以下方式声明 JavaScript 变量 var,let, 或者const.

var 关键字在 1995 年至 2015 年的所有 JavaScript 代码中都有使用。

letconst 关键字于 2015 年被添加到 JavaScript 中。

如果你希望你的代码在旧版浏览器中运行,你必须使用 var.


何时使用 JavaScript const?

如果你想要一个一般规则:总是用以下方式声明变量 const.

如果你认为变量的值可以改变,请使用 let.

在此示例中, price1, price2, 和 total,是变量:

例子

常量价格1 = 5;
const 价格2 = 6;
让总价 = 价格1 + 价格2;
亲自尝试 »

两个变量 price1price2 声明为const 关键词。

这些是常量值,无法改变。

变量 total 声明为let 关键词。

这是一个可以改变的值。


就像代数一样

就像在代数中一样,变量保存值:

设 x = 5;
令 y = 6;

就像在代数中一样,变量用于表达式中:

让 z = x + y;

从上面的例子,您可以猜出总数计算为 11。

笔记

变量是存储值的容器。


JavaScript 标识符

所有 JavaScript 变量 必须是已识别唯一名称.

这些独特的名字被称为 身份标识.

标识符可以是简短名称(如 x 和 y)或更具描述性的名称(age、sum、totalVolume)。

构造变量名称(唯一标识符)的一般规则是:

  • 名称可以包含字母、数字、下划线和美元符号。
  • 名称必须以字母开头
  • 名称也可以以 $ 和 _ 开头(但在本教程中我们不会使用它)
  • 名称区分大小写(y 和 Y 是不同的变量)
  • 保留字(如 JavaScript 关键字)不能用作名称

笔记

JavaScript 标识符区分大小写。


赋值运算符

在 JavaScript 中,等号 (=) 是“赋值”运算符,而不是“等于”运算符。

这与代数不同。以下内容在代数中没有意义:

x=x+5

然而,在 JavaScript 中,它完全有意义:它将 x + 5 的值分配给 x。

(它计算 x + 5 的值并将结果放入 x。x 的值增加 5。)

笔记

“等于”运算符的写法如下 == 在 JavaScript 中。


JavaScript 数据类型

JavaScript 变量可以保存像 100 这样的数字和像“John Doe”这样的文本值。

在编程中,文本值被称为文本字符串。

JavaScript 可以处理多种类型的数据,但现在只考虑数字和字符串。

字符串写在双引号或单引号内。数字则不用引号。

如果将数字放在引号中,它将被视为文本字符串。

例子

const pi = 3.14;
让 person = "John Doe";
让答案 = '是的!';
亲自尝试 »

声明 JavaScript 变量

在 JavaScript 中创建变量称为“声明”变量。

你可以使用以下代码声明 JavaScript 变量 var 或者let 关键词:

var 汽车名称;
或者:
让汽车名称;

声明之后,变量没有值(技术上来说 undefined).

分配 给变量赋值,使用等号:

汽车名称 = “沃尔沃”;

您还可以在声明变量时为其赋值:

让 carName = "Volvo";

在下面的例子中,我们创建一个名为 carName 并为其分配值“Volvo”。

然后我们在 id="demo" 的 HTML 段落中“输出”该值:

例子

<p id="demo"></p>

<script>
让 carName = "Volvo";
document.getElementById("demo").innerHTML = 汽车名称;
</script>
亲自尝试 »

笔记

在脚本开头声明所有变量是一种很好的编程习惯。


一个声明,多个变量

您可以在一个语句中声明多个变量。

以以下语句开头 let 并将变量分为逗号:

例子

让 person = "John Doe", carName = "Volvo", price = 200;
亲自尝试 »

声明可以跨越多行:

例子

让 person = "John Doe",
汽车名称 = “沃尔沃”,
价格=200;
亲自尝试 »

值 = 未定义

在计算机程序中,变量通常声明时不带值。值可以是需要计算的内容,也可以是稍后提供的内容,例如用户输入。

声明时未指定值的变量将具有值 undefined.

变量 carName 的值将为 undefined 执行该语句后:

例子

让汽车名称;
亲自尝试 »

重新声明 JavaScript 变量

如果你重新声明一个用 var,它就不会失去其价值。

变量 carName 执行这些语句后仍然具有值“Volvo”:

例子

var carName = "沃尔沃";
var 汽车名称;
亲自尝试 »

笔记

您不能重新声明使用 let 或者const.

这不会起作用:

让 carName = "Volvo";
让汽车名称;

JavaScript 算术

与代数一样,你可以使用 JavaScript 变量进行算术运算,使用以下运算符 =+:

例子

设 x = 5 + 2 + 3;
亲自尝试 »

您还可以添加字符串,但字符串会被连接起来:

例子

让 x = "John" + " " + "Doe";
亲自尝试 »

也可以尝试这个:

例子

让 x = "5" + 2 + 3;
亲自尝试 »

笔记

如果将数字放在引号中,其余数字将被视为字符串并连接起来。

现在尝试一下:

例子

设 x = 2 + 3 + "5";
亲自尝试 »

JavaScript 美元符号 $

由于 JavaScript 将美元符号视为字母,因此包含 $ 的标识符是有效的变量名:

例子

让$ =“Hello World”;
让 $$ = 2;
让 $myMoney = 5;
亲自尝试 »

在 JavaScript 中,使用美元符号并不常见,但专业程序员经常将其用作 JavaScript 库中主要函数的别名。

例如,在 JavaScript 库 jQuery 中,main 函数 $ 用于选择 HTML 元素。在 jQuery 中$("p"); 意思是“选择所有 p 元素”。


JavaScript 下划线 (_)

由于 JavaScript 将下划线视为字母,因此包含 _ 的标识符是有效的变量名:

例子

让 _lastName = “Johnson”;
让 _x = 2;
让 _100 = 5;
亲自尝试 »

在 JavaScript 中使用下划线并不常见,但专业程序员的惯例是将其用作“私有(隐藏)”变量的别名。


通过练习测试自己

锻炼:

创建一个名为 carName 并分配值Volvo 對它來說。

var  = "";