JavaScript if…else 语句
因为和其他的高级语言（C语言）基本一致，不过多解释
if (condition1)
{
当条件 1 为 true 时执行的代码
}
else if (condition2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和 条件 2 都不为 true 时执行的代码
}JavaScript switch 语句
因为和其他的高级语言（C语言）基本一致，不过多解释
switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
与 case 1 和 case 2 不同时执行的代码
}JavaScript 循环
因为和其他的高级语言（C语言）类似，仅进行部分补充
不同类型的循环
JavaScript 支持不同类型的循环：
- for – 循环代码块一定的次数
- for/in – 循环遍历对象的属性
- while – 当指定的条件为 true 时循环指定的代码块
- do/while – 同样当指定的条件为 true 时循环指定的代码块
for/in 循环
for/in循环是 C 语言所没有的，但是属性Python的读者一定会很熟悉 for/in 循环，这里的 for/in 用法上会稍微有点不同
JavaScript for/in 语句循环遍历对象的属性
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person) // x 为属性名
{
txt=txt + person[x];
}for 循环 ，while 循环， do/while循环 因为都和 C 语言一致，不过多解释
JavaScript break 和 continue 语句
break 语句用于跳出循环
continue 用于跳过循环中的一个迭代
用法和 C 语言相同，不过多解释
JavaScript 标签
如需标记 JavaScript 语句，请在语句之前加上冒号
label:
statementsbreak 和 continue 语句仅仅是能够跳出代码块的语句
语法
break labelname;
continue labelname;continue 语句（带有或不带标签引用）只能用在循环中。
break 语句（不带标签引用），只能用在循环或 switch 中。
通过标签引用，break 语句可用于跳出任何 JavaScript 代码块：
JavaScript 类型转换
Number() 转换为数字， String() 转换为字符串， Boolean() 转换为布尔值
constructor 属性
constructor 属性返回所有 JavaScript 变量的构造函数。
"John".constructor // 返回函数 String() { [native code] }
(3.14).constructor // 返回函数 Number() { [native code] }
false.constructor // 返回函数 Boolean() { [native code] }
[1,2,3,4].constructor // 返回函数 Array() { [native code] }
{name:'John', age:34}.constructor // 返回函数 Object() { [native code] }
new Date().constructor // 返回函数 Date() { [native code] }
function () {}.constructor // 返回函数 Function(){ [native code] }JavaScript 类型转换
JavaScript 变量可以转换为新变量或其他数据类型：
- 通过使用 JavaScript 函数
- 通过 JavaScript 自身自动转换
将数字转化为字符串
使用全局方法 String()
String(x) 使用 Number 方法 toString()
x.toString()这里还有 Number 的其他方法
| 方法 | 描述 |
|---|---|
| toExponential() | 把对象的值转换为指数计数法。 |
| toFixed() | 把数字转换为字符串，结果的小数点后有指定位数的数字。 |
| toPrecision() | 把数字格式化为指定的长度。 |
将布尔值转换为字符串
全局方法 String() 可以将布尔值转换为字符串
String(false) // 返回 "false"
String(true) // 返回 "true"Boolean 方法 toString() 同样可以
false.toString() // 返回 "false"
true.toString() // 返回 "true"将日期转换为字符串
Date() 返回字符串
Date() // 返回 Mon Mar 27 2023 18:14:31 GMT+0800 (中国标准时间)全局方法 String() 可以将日期对象转换为字符串
String(new Date()) // 返回 Mon Mar 27 2023 18:14:31 GMT+0800 (中国标准时间)Date 方法 toString() 同样可以
obj = new Date()
obj.toString() // 返回 Mon Mar 27 2023 18:14:31 GMT+0800 (中国标准时间)这里还有 Date 的其他方法
| 方法 | 描述 |
|---|---|
| getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
| getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |
| getFullYear() | 从 Date 对象以四位数字返回年份。 |
| getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |
| getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 |
| getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |
| getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |
| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |
| getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |
将字符串转换为数字
使用全局函数 Number() 可以将字符串转换为数字
字符串包含数字(如 “3.14”) 转换为数字 (如 3.14)
空字符串转换为 0
其他的字符串会转换为 NaN (不是个数字)
Number("3.14") // 返回 3.14
Number(" ") // 返回 0
Number("") // 返回 0
Number("99 88") // 返回 NaN这里还有 String 的其他方法
| 方法 | 描述 |
|---|---|
| parseFloat() | 解析一个字符串，并返回一个浮点数。 |
| parseInt() | 解析一个字符串，并返回一个整数。 |
一元运算符 +
Operator + 可用于将变量转换为数字
var y = "5"; // y 是一个字符串
var x = + y; // x 是一个数字如果变量不能转换，它仍然会是一个数字，但值为 NaN (不是一个数字)
var y = "John"; // y 是一个字符串
var x = + y; // x 是一个数字 (NaN)将布尔值转换为数字
全局方法 Number() 可将布尔值转换为数字
Number(false) // 返回 0
Number(true) // 返回 1将日期转换为数字
全局方法 Number() 可将日期转换为数字
d = new Date();
Number(d) // 返回 1404568027739Date 方法 getTime() 也有相同的效果
d = new Date();
d.getTime() // 返回 1404568027739自动类型转换
当 JavaScript 尝试操作一个 “错误” 的数据类型时，会自动转换为 “正确” 的数据类型
以下输出结果不是你所期望的
5 + null // 返回 5 null 转换为 0
"5" + null // 返回"5null" null 转换为 "null"
"5" + 1 // 返回 "51" 1 转换为 "1"
"5" - 1 // 返回 4 "5" 转换为 5自动转换为字符串
当你尝试输出一个对象或一个变量时 JavaScript 会自动调用变量的 toString() 方法
document.getElementById("demo").innerHTML = myVar;
myVar = {name:"Fjohn"} // toString 转换为 "[object Object]"
myVar = [1,2,3,4] // toString 转换为 "1,2,3,4"
myVar = new Date() // toString 转换为 "Fri Jul 18 2014 09:08:55 GMT+0200"数字和布尔值也经常相互转换
myVar = 123 // toString 转换为 "123"
myVar = true // toString 转换为 "true"
myVar = false // toString 转换为 "false"下面展示了使用不同的数值转换为数字（Number），字符串（String），布尔值（Boolean）
| 原始值 | 转换为数字 | 转换为字符串 | 转换为布尔值 |
|---|---|---|---|
| false | 0 | “false” | false |
| true | 1 | “true” | true |
| 0 | 0 | “0” | false |
| 1 | 1 | “1” | true |
| “0” | 0 | “0” | true |
| “000” | 0 | “000” | true |
| “1” | 1 | “1” | true |
| NaN | NaN | “NaN” | false |
| Infinity | Infinity | “Infinity” | true |
| -Infinity | -Infinity | “-Infinity” | true |
| “” | 0 | “” | false |
| “20” | 20 | “20” | true |
| “Runoob” | NaN | “Runoob” | true |
| [ ] | 0 | “” | true |
| [20] | 20 | “20” | true |
| [10,20] | NaN | “10,20” | true |
| [“Runoob”] | NaN | “Runoob” | true |
| [“Runoob”,”Google”] | NaN | “Runoob,Google” | true |
| function(){} | NaN | “function(){}” | true |
| { } | NaN | “[object Object]” | true |
| null | 0 | “null” | false |
| undefined | NaN | “undefined” | false |
JavaScript 正则表达式
什么是正则表达式
正则表达式是由一个字符序列形成的搜索模式
当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容
正则表达式可以是一个简单的字符，或一个更复杂的模式
正则表达式可用于所有文本搜索和文本替换的操作
语法
/正则表达式主体/修饰符(可选)实例
var patt = /runoob/i实例解析：
/runoob/i 是一个正则表达式。
runoob 是一个正则表达式主体 (用于检索)。
i 是一个修饰符 (搜索不区分大小写)。
使用字符串方法
在 JS 中，正则表达式通常用于两个字符串方法 search() 和 replace()
search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
replace() 方法用于在字符串中用一些字符串替换另一些字符串，或替换一个与正则表达式匹配的子串。
search() 方法使用正则表达式
使用正则表达式搜索 “goblog” 字符串，且不区分大小写
var str = "Visit goblog!";
var n = str.search(/goblog/i);
//输出为 6search() 方法使用字符串
search 方法可使用字符串作为参数。字符串参数会转换为正则表达式
var str = "Visit goblog!";
var n = str.search("goblog");replace() 方法使用正则表达式
使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Goblog
var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/Microsoft/i,"Goblog");
//输出为 Visit Goblog!replace() 方法使用字符串
replace() 方法将接受字符串作为参数
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Microsoft","Goblog");正则表达式修饰符
修饰符 可以在全局搜索中不区分大小写
| 修饰符 | 描述 |
|---|---|
| i | 执行对大小写不敏感的匹配。 |
| g | 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 |
| m | 执行多行匹配。 |
正则表达式模式
方括号用于查找某个范围内的字符
| 表达式 | 描述 |
|---|---|
| [abc] | 查找方括号之间的任何字符。 |
| [0-9] | 查找任何从 0 至 9 的数字。 |
| (x|y) | 查找任何以 | 分隔的选项。 |
元字符是拥有特殊含义的字符
| 元字符 | 描述 |
|---|---|
| \d | 查找数字。 |
| \s | 查找空白字符。 |
| \b | 匹配单词边界。 |
| \uxxxx | 查找以十六进制数 xxxx 规定的 Unicode 字符。 |
量词
| 量词 | 描述 |
|---|---|
| n+ | 匹配任何包含至少一个 n 的字符串。 |
| n* | 匹配任何包含零个或多个 n 的字符串。 |
| n? | 匹配任何包含零个或一个 n 的字符串。 |
使用 RegExp 对象
在 JavaScript 中，RegExp 对象是一个预定义了属性和方法的正则表达式对象
使用 test()
test() 方法是一个正则表达式方法。
test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。
以下实例用于搜索字符串中的字符 “e”：
var patt = /e/;
patt.test("The best things in life are free!");
// 输出 true也可以不设置正则表达式变量，以上两行代码可以合并为一行
/e/.test("The best things in life are free!")使用 exec()
exec() 方法是一个正则表达式方法
exec() 方法用于检索字符串中的正则表达式的匹配
该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null
以下实例用于搜索字符串中的字母 “e”
/e/.exec("The best things in life are free!");
// 输出 eJavaScript 错误 – throw、try 和 catch
try 语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。
finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。
JavaScript 错误
当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。
可能是语法错误，通常是程序员造成的编码错误或错别字。
可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。
可能是由于来自服务器或用户的错误输出而导致的错误。
当然，也可能是由于许多其他不可预知的因素。
JavaScript 抛出（throw）错误
当错误发生时，当事情出问题时，JavaScript 引擎通常会停止，并生成一个错误消息。
描述这种情况的技术术语是：JavaScript 将抛出一个错误。
JavaScript try 和 catch
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
JavaScript 语句 try 和 catch 是成对出现的。
在下面的例子中，我们故意在 try 块的代码中写了一个错字。
catch 块会捕捉到 try 块中的错误，并执行代码来处理它。
var txt="";
function message()
{
try {
adddlert("Welcome guest!");
} catch(err) {
txt="本页有一个错误。\n\n";
txt+="错误描述：" + err.message + "\n\n";
txt+="点击确定继续。\n\n";
alert(txt);
}
}finally 语句
finally 语句不论之前的 try 和 catch 中是否产生异常都会执行该代码块
throw 语句
throw 语句允许我们创建自定义错误。
正确的技术术语是：创建或抛出异常（exception）。
如果把 throw 与 try 和 catch 一起使用，那么您能够控制程序流，并生成自定义的错误消息。
语法
throw exception异常可以时 JavaScript 字符串、数字、逻辑值或对象
下面的示例检测输入变量的值，如果值是错误的，会抛出一个一场（错误），catch 会捕捉到这个错误，并且显示一段自定义的错误消息
function myFunction() {
var message, x;
message = document.getElementById("message");
message.innerHTML = "";
x = document.getElementById("demo").value;
try {
if(x == "") throw "值为空";
if(isNaN(x)) throw "不是数字";
x = Number(x);
if(x < 5) throw "太小";
if(x > 10) throw "太大";
}
catch(err) {
message.innerHTML = "错误: " + err;
}
}注意：如果 getElementById 函数出错，上面的例子也会抛出一个错误
JavaScript 调试
下面是关于浏览器中的调试工具的使用，请先按下 F12 进入浏览器的开发者模式，然后选择 控制台（Console）
concole.log() 方法
将信息以日志的形式输出到浏览器的控制台
console.log("Hello World!");设置断点
在调试窗口中，你可以设置 JavaScript 代码的断点。
在每个断点上，都会停止执行 JavaScript 代码，以便于我们检查 JavaScript 变量的值。
在检查完毕后，可以重新执行代码（如播放按钮）。
debugger 关键字
debugger 关键字用于停止执行 JavaScript，并调用调试函数。
这个关键字与在调试工具中设置断点的效果是一样的。
如果没有调试可用，debugger 语句将无法工作。
开启 debugger ，代码在第三行前停止执行。
JavaScript 声明提升
JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。
声明提升（hoisting）：函数声明和变量声明总是会被解释器悄悄地被”提升”到方法体的最顶部。
JavaScript 初始化不会提升
JavaScript 只有声明的变量会提升，初始化的不会
var x = 5; // 初始化 x
elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x + " " + y; // 显示 x 和 y
var y = 7; // 初始化 y
// 实例中的 y 变量因为被初始化了，所以不会进行声明提升，所以输出的 y 变量是一个未定义的变量JavaScript 严格模式（use strict）
使用 “use strict” 指令
“use strict” 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。
“use strict” 的目的是指定代码在严格条件下执行。
严格模式下你不能使用未声明的变量。
严格模式声明
严格模式通过在脚本或函数的头部添加 use strict; 表达式来声明。
为什么使用严格模式
消除 JavaScript 语法的一些不合理、不严谨之处，减少一些怪异行为
- 消除代码运行的一些不安全之处，保证代码运行的安全
- 提高编译器效率，增加运行速度
- 为未来新版本的Javascript做好铺垫
严格模式的显示
- 不允许使用未声明的变量（对象也是一个变量）
- 不允许删除变量或对象
- 不允许删除函数
- 不允许变量重名
- 不允许使用八进制
- 不允许使用转义字符
- 不允许对只读属性赋值
- 不允许对一个使用 getter 方法读取的属性进行赋值
- 不允许删除一个不允许删除的属性
- 变量名不能使用 eval 字符串
- 变量名不能使用 arguments 字符串
- 不允许使用以下这种语句
"use strict";with (Math){x = cos(2)}; // 报错 - 由于一些安全原因，在作用域 eval() 创建的变量不能被调用
"use strict";eval ("var x = 2");alert (x); // 报错
