javascript高级程序编程,javascript高级编程设计_javascript高级程序设计-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_79533350/article/details/134330340

本文详细介绍了JavaScript中的异常处理机制，包括Error对象、try-catch语句、异常类型及示例。同时，文章深入讲解了JSON的语法、数据类型、转换函数JSON.parse()和JSON.stringify()的使用，以及AJAX的基础知识，如异步概念、XMLHttpRequest对象及其方法。最后，探讨了WebStorage的localStorage和sessionStorage的使用方法，以及闭包的概念和应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大家好，小编来为大家解答以下问题，javascript高级程序设计和权威指南，javascript高级程序编程，今天让我们一起来看看吧！

1、Exception

1.1、异常概述

1.1.1、Error 对象属性

1.1.2、Error Name Values

1.3.3、ReferenceError 引用错误

1.3.4、SyntaxError 语法错误

2.4.1、JSON字符串转JS对象：JSON.parse()

2.4.2、JS对象转JSON字符串：JSON.stringify()

3、AJAX

3.1、异步的概念

3.2、AJAX的XMLHttpRequest（XHR）对象

3.3、AJAX的XMLHttpRequest对象方法

3.3.1、GET 还是 POST？

3.3.2、异步 - True 或 False？

3.4、AJAX的XMLHttpRequest对象属性

4.2.2、sessionStorage方法

1、Exception

1.1、异常概述

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

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

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

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

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

1.1.1、Error 对象属性

属性	描述
name	设置或返回错误名
message	设置或返回错误消息（一条字符串）

1.1.2、Error Name Values

error 的 name 属性可返回六个不同的值：

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

1.2、try-catch异常捕捉

ES3开始引入了 try-catch 语句，是 JavaScript 中处理异常的标准方式。

语法格式：

try { //异常的抛出
    // 可能发生异常的代码
    throw exception //异常可以是 JavaScript 字符串、数字、逻辑值或对象。
} catch (error) {//异常的捕获与处理
    // 发生错误执行的代码
} finally {//结束处理
    // 无论是否出错都会执行的代码
}

try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
JavaScript 语句 try 和 catch 是成对出现的。
finally 语句不论之前的 try 和 catch 中是否产生异常都会执行该代码块。
throw 语句允许我们创建自定义错误。正确的技术术语是：创建或抛出异常（exception）。

案例演示：

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

在JavaScript中，如果添加了 finally 语句，则 catch 语句可以省略。但是如果没有 catch 语句，则一旦发生错误就无法捕获这个错误，所以在执行完 finally 中的语句后，程序就会立即停止了。所以，在实际使用中，最好一直带着 catch 语句。如果你写了 catch 语句，则finally 语句也是可以省略的。

1.3、异常演示

1.3.1、EvalError函数错误

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

案例演示：

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

1.3.2、RangeError范围错误

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

案例演示：您不能将数字的有效位数设置为 500。

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

1.3.3、ReferenceError 引用错误

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

案例演示：

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

1.3.4、SyntaxError 语法错误

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

案例演示：

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

1.3.5、TypeError 类型错误

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

案例演示：

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

1.3.6、 URIError编码错误

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

案例演示：

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

1.4、异常抛出throw

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

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

注意事项：

thow后面就是我们要抛出的异常对象，在以前的时候都是出现错误的时候浏览器抛出异常对象，只是现在是我们自己主动抛出的异常对象。
只要有异常对象抛出，不管是浏览器抛出的，还是代码主动抛出，都会让程序停止执行。如果想让程序继续执行，则有也可以用try…catch来捕获。
每一个错误类型都可以传入一个参数，表示实际的错误信息。
我们可以在适当的时候抛出任何我们想抛出的异常类型。throw new SyntaxError("语法错误...")

1.4.1、主动抛出内置异常

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

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

1.4.2、主动抛出自定义异常

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

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

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

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

2、JSON

JSON 英文全称 JavaScript Object Notation(JavaScript 对象表示法)
JSON 是一种轻量级的数据交换格式，是存储和交换文本信息的语法，类似 XML
JSON是独立的语言
JSON 具有自我描述性，更易理解
C、Python、C++、Java、PHP、Go等编程语言都支持 JSON

当数据在浏览器与服务器之间进行交换时，这些数据只能是文本，JSON 属于文本并且我们能够把任何 JavaScript 对象转换为 JSON，然后将 JSON 发送到服务器。我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。以这样的方式，我们能够把数据作为 JavaScript 对象来处理，无需复杂的解析和转译。

2.1 JSON与XML

2.1.1、JSON与XML的异同

同	异
JSON 是纯文本 JSON 具有"自我描述性"（人类可读） JSON 具有层级结构（值中存在值） JSON 可通过 JavaScript 进行解析 JSON 数据可使用 AJAX 进行传输	没有结束标签更短读写的速度更快能够使用内建的 JavaScript eval() 方法进行解析使用数组不使用保留字

最大的不同是：XML 需要使用 XML 解析器来解析，JSON 可以使用标准的 JavaScript 函数来解析。

JSON.parse(): 将一个 JSON 字符串转换为 JavaScript 对象。

JSON.stringify(): 于将 JavaScript 值转换为 JSON 字符串。

2.1.2、为什么使用 JSON？

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

XML	JSON
读取 XML 文档使用 XML DOM 来循环遍历文档读取值并存储在变量中	读取 JSON 字符串用 eval() 处理 JSON 字符串