JavaScript

JS 正则表达式

• 正则表达式（英文：Regular Expression，在代码中常简写为 regex、regexp 或 RE ）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。
• 正则表达式是由一个字符序列形成的搜索模式
• 正则表达式可以是一个简单的字符，或一个更复杂的模式
• 正则表达式可用于所有文本搜索和文本替换的操作

正则表达式语法

/正则表达式/修饰符（可选）

实例：

var patt = /jasner/i

实例解析：

• /jasner/i 是一个正则表达式
• jasner 是一个正则表达式主体（用于检索）
• i 是一个修饰符（表示搜索不区分大小写）

正则表达式使用字符串方法

• 在 JS 中，正则表达式通常用于两个字符串方法：search() 和 replace()
• search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置（索引值）
• replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

search() 方法使用正则

• 使用正则表达式搜索"jasner"字符串，且不区分大小写

var str = "Visit myhome";
var n = str.search(/myhome/i);		// n 的值为 6

search() 方法使用字符串

• search() 方法可使用字符串作为参数，字符串参数会转换为正则表达式

var str = "Visit myhome";
var n = str.search("myhome");		// n 的值为 6

replace() 使用正则

• 使用正则表达式且不区分大小写将字符串中的 Google 替换为 Baidu

var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/Google/i,"Baidu");

replace() 使用字符串

• replace() 方法将接收字符串作为参数

var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Google","Baidu");

正则表达式修饰符

• 修饰符可以在全局搜索中不区分大小写

修饰符	描述
i	执行对大小写不敏感的匹配
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）
m	执行多行匹配

正则表达式模式

• 方括号 [ ] 用于查找某个范围内的字符

表达式	描述
[abc]	查找方括号之间的任何字符
[0-9]	查找任何从 0 至 9 的数字
(x|y)	查找任何以 | 分隔的选项

• 元字符是拥有特殊含义的字符

元字符	描述
d	查找数字
s	查找空白字符
	匹配单词边界
uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符

• 量词

量词	描述
n+	匹配任何包含一个或多个 n 的字符串
n*	匹配任何包含零个或多个 n 的字符串
n?	匹配任何包含零个或一个 n 的字符串

使用 RegExp 对象

• 在 JS 中，RegExp对象是一个预定义了属性和方法的正则表达式对象

使用 test()方法

• test() 方法是一个正则表达式方法
• test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false
• 以下实例用于搜索字符串中的字符"e"

var patt = /e/;
patt.test("The best things in life are free!");	// 返回 true

使用 exec() 方法

• exec() 方法是一个正则表达式方法
• exec() 方法用于检索字符串中的正则表达式的匹配
• 该函数返回一个数组，其中存放匹配的结果，如果未找到匹配，则返回值为 null
• 以下实例用于搜索字符串中的字符"e"

/e/.exec("The best things in life are free!");	// 返回 e

JS 错误 - throw、try 和 catch

• try 语句测试代码块的错误
• catch 语句处理错误
• throw 语句创建自定义错误
• finally 语句在 try...catch...语句之后，无论是否触发异常，该语句都会执行

JS 错误

• 当 JS 引擎执行 JS 代码时，会发生各种错误
• 可能是语法错误，通常是程序员造成的编码错误或错别字
• 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）
• 可能是由于来自服务器或用户的错误输入而导致的结果
• 也可能是由于许多其他不可预知的因素

JS 抛出（throw）错误

• 当错误发生时，当事情出问题时，JS 引擎通常会停止，并生成一个错误消息
• 描述这种情况的技术术语是：JS 将抛出（throw）一个错误

JS try...catch...

• try 语句允许我们定义在执行时进行错误测试的代码块
• catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块
• JS 中的 try...catch...是成对出现的

语法：

try {
    ... // 异常的抛出
} catch (e) {
    ... // 异常的捕获与处理
} finally {
    ... // 结束处理
}

实例：

var txt = "";
function message() {
    try {
        addalert("Welcome guest!");
    } catch {
        txt = "本页有一个错误。

";
        txt += "错误描述：" + err.message + "

";
        txt += "点击确定继续。

";
        alert(txt);
    }
}

JS throw 语句

• throw 语句允许我们创建自定义错误
• 正确的技术术语是：创建或抛出异常（exception）
• 如果把 throw 与 try...catch... 一起使用，那么您能控制程序流，并生成自定义的错误消息
• 异常可以是 JS 字符串、数字、逻辑值或对象

语法：

throw exception

JS finally 语句

• finally 语句不论之前的 try...catch...中是否产生异常都会执行该代码块

实例：

function myFunction() {
    var message,x;
    message = document.getElementById("p01");
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try {
        if(x == "") throw "值是空的";
        if(isNaN(x)) throw "值不是一个数字";
        x = Number(x);
        if(x > 10) throw "值太大了";
        if(x < 5) throw "值太小了";
    } catch {
        message.innerHTML = "错误：" + err + ".";
    } finally {
        document.getElementById("demo").value = "";
    }
}