JavaScript学习笔记整合

JavaScript笔记整合

JavaScript 是属于 HTML 和 Web 的编程语言。
是 web 开发者必学的三种语言之一:

HTML 定义网页的内容
CSS 规定网页的布局
JavaScript 对网页行为进行编程

js使用
在外部文件中放置脚本有如下优势：
分离了 HTML 和代码
使 HTML 和 JavaScript 更易于阅读和维护
已缓存的 JavaScript 文件可加速页面加载

js输出
JavaScript 显示方案
JavaScript 能够以不同方式“显示”数据：

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

使用 innerHTML
如需访问 HTML 元素，JavaScript 可使用 document.getElementById(id) 方法。

js语句
值、运算符、表达式、关键词和注释。
如果有分号分隔，允许在同一行写多条语句
JavaScript 会忽略多个空格。可以向脚本添加空格，以增强可读性。

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

js注释
双斜杠 // 或 /* 与 */ 之间的代码被视为注释。

js数据类型
JavaScript 变量能够保存多种数据类型：数值、字符串值、数组、对象等等
typeof 运算符可返回以下原始类型之一：
string
number
boolean
undefined

JS函数
JavaScript 函数是被设计为执行特定任务的代码块，会在某代码调用它时被执行。

JavaScript 函数语法
JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
圆括号可包括由逗号分隔的参数：
function name(参数 1, 参数 2, 参数 3) {
要执行的代码
}

常见的HTML事件

js条件语句

在 JavaScript 中，我们可使用如下条件语句：

使用 if 来规定要执行的代码块，如果指定条件为 true
使用 else 来规定要执行的代码块，如果相同的条件为 false
使用 else if 来规定要测试的新条件，如果第一个条件为 false
使用 switch 来规定多个被执行的备选代码块

例：
if (条件 1) {
条件 1 为 true 时执行的代码块
} else if (条件 2) {
条件 1 为 false 而条件 2 为 true 时执行的代码块
} else {
条件 1 和条件 2 同时为 false 时执行的代码块
}

js switch语句

switch(表达式) {
case n:
代码块
break;
case n:
代码块
break;
default:
默认代码块
}

js循环

JavaScript支持不同类型循环：

for - 多次遍历代码块
for/in - 遍历对象属性
while - 当指定条件为 true 时循环一段代码块
do/while - 当指定条件为 true 时循环一段代码块

break 语句会中断循环，执行循环之后的代码。
continue 语句会中断循环中的一个迭代，继续循环中的下一个迭代。

Js数据类型
JavaScript 中有五种可包含值的数据类型：
字符串（string）
数字（number）
布尔（boolean）
对象（object）
函数（function）

有三种对象类型：
对象（Object）
日期（Date）
数组（Array）

同时有两种不能包含值的数据类型：
null
undefined

ps：可以使用 typeof 运算符来确定 JavaScript 变量的数据类型。

js异常

try 语句使您能够测试代码块中的错误。

catch 语句允许您处理错误。

throw 语句允许您创建自定义错误。

finally 使您能够执行代码，在 try 和 catch 之后，无论结果如何。

js易错声明
一项好的编码习惯是把所有声明放在每段脚本或函数的顶部。
这么做的好处是：
获得更整洁的代码
提供了查找局部变量的好位置
更容易避免不需要的全局变量
减少不需要的重新声明的可能性

Undefined 不是 Null
JavaScript 对象、变量、属性和方法可以是未定义的。

此外，空的 JavaScript 对象的值可以为 null。

这可能会使测试对象是否为空变得有点困难。

您可以通过测试类型是否为 undefined，来测试对象是否存在：