JS04 - JS高级语法

JS04 - JS高级语法

一：异常Exception

在ES3之前JavaScript代码执行的过程中，一旦出现错误，整个JavaScript代码都会停止执行，这样就显的代码非常的不健壮。

在Java或C#等一些高级语言中，都提供了异常处理机制，可以处理出现的异常，而不会停止整个应用程序。

从ES3开始，JavaScript也提供了类似的异常处理机制，从而让JavaScript代码变的更健壮，即使执行的过程中出现了异常，也可以让程序具有了一部分的异常恢复能力。

当错误发生时，JavaScript 提供了错误信息的内置 error 对象。

error 对象提供两个有用的属性：name 和 message

属性	说明
name	设置或者返回错误名
message	设置或者返回错误信息

对于name属性，可以设置如下六个值

错误名	描述
EvalError	已在 eval() 函数中发生的错误
RangeError	已发生超出数字范围的错误
ReferenceError	已发生非法引用
SyntaxError	已发生语法错误
TypeError	已发生类型错误
URIError	在 encodeURI() 中已发生的错误

1：异常的捕捉

try {
   
    // 可能发生异常的代码
} catch (error) {
   
    // 发生错误执行的代码
} finally {
   
    // 无论是否出错都会执行的代码
}

在 try…catch 中，try 中一旦出现错误则其它语句不能执行，如果不出现错误则 catch 中的语句不会执行。

不管 try 中的语句有没有错误，在最后都会执行 finally 中的语句。

try {
   
    console.log(a);
    console.log("a未定义肯定报错，你看不见我");
} catch (error) {
   
    // 发生错误执行的代码
    console.log(error);
} finally {
   
    // 无论是否出错都会执行的代码
    console.log("finally 执行了 ...")
}

在JavaScript中，如果添加了 finally 语句，则 catch 语句可以省略。

但是如果没有 catch 语句，则一旦发生错误就无法捕获这个错误，所以在执行完 finally 中的语句后，程序就会立即停止了。

所以，在实际使用中，最好一直带着 catch 语句。如果你写了 catch 语句，则finally 语句也是可以省略的。

2：各种错误说明

Eval 错误

EvalError 指示 eval() 函数中的错误。更新版本的 JavaScript 不会抛出任何 EvalError，请使用 SyntaxError 代替。

try {
   
    eval("alert('Hello)");   // 缺少 ' 会产生错误
} catch (error) {
   
    console.log(error)
}

范围错误

RangeError 会在您使用了合法值的范围之外的数字时抛出。

var num = 1;
try {
   
    num.toPrecision(500);   // 数无法拥有 500 个有效数
} catch (error) {
   
    console.log(error)
}

引用错误

假如您使用（引用）了尚未声明的变量，则 ReferenceError 会被抛出：

var x;
try {
   
    x = y + 1;   // y 无法被引用（使用）
} catch (error) {
   
    console.log(error)
}

语法错误

假如您计算带语法错误的代码，会 SyntaxError 被抛出：

try {
   
    eval("alert('Hello)");   // 缺少 ' 会产生错误
} catch (error) {
   
    console.log(error)
}

类型错误

假如您使用的值不在期望值的范围之内，则 TypeError 被抛出：

var num = 1;
try {
   
    num.toUpperCase();   // 您无法将数字转换为大写
} catch (error) {
   
    console.log(error)
}

URI错误

假如您在 URI 函数中使用非法字符，则 URIError 被抛出：

try {
   
    decodeURI("%%%");   // 您无法对这些百分号进行 URI 编码
} catch (error) {
   
    console.log(error)
}

3：异常抛出

在大部分的代码执行过程中，都是出现错误的时候，由浏览器(js引擎)抛出异常，然后程序或者停止执行或被try…catch 捕获。

然而有时候我们在检测到一些不合理的情况发生的时候也可以主动抛出错误，请使用 throw 关键字抛出来主动抛出异常。

注意事项：

throw后面就是我们要抛出的异常对象，在以前的时候都是出现错误的时候浏览器抛出异常对象，只是现在是我们自己主动抛出的异常对象。

只要有异常对象抛出，不管是浏览器抛出的，还是代码主动抛出，都会让程序停止执行。如果想让程序继续执行，则有也可以用try…catch来捕获。

每一个错误类型都可以传入一个参数，表示实际的错误信息。

我们可以在适当的时候抛出任何我们想抛出的异常类型：throw new SyntaxError("语法错误...");

/*该函数接收一个数字，返回它的平方。*/
function foo(num) {
   
    if (typeof num == "number") {
   
        return num * num;
    } else {
   
        throw new TypeError("您输入的是一个非法数字！")
    }
}

console.log(foo(4));
console.log(foo("abc"));

我们不仅仅可以抛出js内置的错误类型的对象，也可以自定义错误类型，然后抛出自定义错误类型的对象。

如果要自定义错误类型，只需要继承任何一个自定义错误类型都可以，一般直接继承Error即可。

/*自定义错误*/
function MyError(message) {
   
    this.message = "注意：这是自定义的错误"
    this.name = "自定义错误";
}
MyError.prototype = new Error(); // 原型构造器


try {
   
    throw new MyError("注意：这是自定义错误类型")
} catch (error) {
   
    console.log(error.message)
}

二：JSON

JSON：JavaScript Object Notation（JavaScript 对象标记法），它是一种存储和交换数据的语法。

当数据在浏览器与服务器之间进行交换时，这些数据只能是文本，JSON 属于文本并且我们能够把任何 JavaScript 对象转换为 JSON，然后将 JSON 发送到服务器。

我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。

以这样的方式，我们能够把数据作为 JavaScript 对象来处理，无需复杂的解析和转译。

⚠️ JSON这个对象在IE7及以下的浏览器中不支持，所以在这些浏览器中调用时会报错

1：JSON数据类型

字符串

{
   
    "name": "John"
}

数字

{
   
    "age": 30
}

对象

{
   
    "employee": {
   
        "name": "Bill Gates", 
        "age": 62, 
        "city": "Seattle"
    }
}

数组

<