JavaScript知识整理（一）——W3school

目录

一、JavaScript简介

1.1 JavaScript能做什么

1.2 JavaScript的使用

1.3 JavaScript输出

1.4 JavaScript语句

JavaScript关键字

 1.5 JavaScript语法

JavaScript 值

JavaScript标识符

JavaScript 数据类型

value = undefined

重复声明JavaScript变量

1.6 JavaScript运算符

JavaScript赋值运算符

JavaScript比较运算符

JavaScript类型运算符

---

一、JavaScript简介

1.1 JavaScript能做什么

getElementByid()是多个JavaScript HTML方法之一。

可以使用该方法来"查找"id为"demo"的HTML元素，并把元素内容(innerHTML)更改为"Study JavaScript"。

	
		
		
	
	
		
JavaScript 能够改变 HTML 内容。
		点击
	

注：JavaScript同时接受双引号和单引号

此外，JavaScript还可以更改HTML属性、样式等

具体方法：https://www.w3school.com.cn/js/js_intro.asp

---

1.2 JavaScript的使用

在HTML中，JavaScript代码必须位于 标签之间。

也可使用type属性：

---

1.3 JavaScript输出

JavaScript不提供任何内建的打印或显示函数。

可以用不同的方式"显示"数据：

• 使用 window.alert() 写入警告框
• 使用 document.write() 写入 HTML 输出
• 使用 innerHTML 写入 HTML 元素
• 使用 console.log() 写入浏览器控制台

注意：在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML 

---

1.4 JavaScript语句

实例：

执行结果为：

JavaScript 语句由以下构成：

值、运算符、表达式、关键词和注释。

分号分隔JavaScript语句，在每条可执行语句之后添加分号，如果有分号分隔，允许在同一行写多条语句。以分号结束语句不是必须的。

可以向脚本添加空格，以增强可读性。

为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。如果 JavaScript 语句太长，对其进行折行的最佳位置是某个运算符。

JavaScript关键字

关键词	描述
break	终止 switch 或循环。
continue	跳出循环并在顶端开始。
debugger	停止执行 JavaScript，并调用调试函数（如果可用）。
do ... while	执行语句块，并在条件为真时重复代码块。
for	标记需被执行的语句块，只要条件为真。
function	声明函数。
if ... else	标记需被执行的语句块，根据某个条件。
return	退出函数。
switch	标记需被执行的语句块，根据不同的情况。
try ... catch	对语句块实现错误处理。
var	声明变量。

---

 1.5 JavaScript语法

JavaScript 值

JavaScript 语句定义两种类型的值：混合值和变量值。

•  混合值被称为字面量（literal）。变量值被称为变量。
•  书写混合值最重要的规则是：写数值有无小数点均可。
• 字符串是文本，由双引号或单引号包围
• JavaScript 使用 var 关键词来声明变量。= 号用于为变量赋值。
• 双斜杠 // 或 /* 与 */ 之间的代码被视为注释。
•  所有 JavaScript 标识符对大小写敏感。

JavaScript标识符

所有 JavaScript 变量必须以唯一的名称的标识。

这些唯一的名称称为标识符。

标识符可以是短名称（比如 x 和 y），或者更具描述性的名称（age、sum、totalVolume）。

构造变量名称（唯一标识符）的通用规则是：

• 名称可包含字母、数字、下划线和美元符号
• 名称必须以字母开头
• 名称也可以 $ 和 _ 开头
• 名称对大小写敏感（y 和 Y 是不同的变量）
• 保留字（比如 JavaScript 的关键词）无法用作变量名称

JavaScript 数据类型

JavaScript 变量可存放数值，比如 100，以及文本值，比如 "Bill Gates"。

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

JavaScript 可处理多种数据类型，但是现在，我们只关注数值和字符串值。

字符串被包围在双引号或单引号中。数值不用引号。

如果把数值放在引号中，会被视作文本字符串。

value = undefined

在计算机程序中，被声明的变量经常是不带值的。值可以是需被计算的内容，或是之后被提供的数据，比如数据输入。

不带有值的变量，它的值将是 undefined。

变量 carName 在这条语句执行后的值是 undefined。

重复声明JavaScript变量

如果再次声明某个 JavaScript 变量，将不会丢它的值。

在这两条语句执行后，变量 carName 的值仍然是 "porsche"。

var carName = "porsche";
var carName;

1.6 JavaScript运算符

JavaScript赋值运算符

运算符	例子	等同于
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y

算术运算符与java类似。

JavaScript比较运算符

运算符	描述
==	等于
===	等值等型
!=	不相等
!==	不等值或不等型
>	大于
<	小于
>=	大于或等于
<=	小于或等于
?	三元运算符

JavaScript类型运算符

运算符	描述
typeof	返回变量的类型。
instanceof	返回 true，如果对象是对象类型的实例。

---