软件设计之JavaWeb(8)

news2024/11/20 23:33:19

软件设计之JavaWeb(8)

此篇应在MySQL之后进行学习:
路线图推荐：
【Java学习路线-极速版】【Java架构师技术图谱】
尚硅谷全新JavaWeb教程，企业主流javaweb技术栈
资料可以去尚硅谷官网免费领取
此章节最好学完JDBC观看

学习内容：

promise
Axios
所有总结

1、 promise

1、前端中的异步编程技术，类似Java中的多线程+线程结果回调
2、所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理

回调函数

回调函数: 一些特殊的函数,表示未来才会执行的一些功能,后续代码不会等待该函数执行完毕就开始执行了

<script>
    // 设置一个2000毫秒后会执行一次的定时任务
    setTimeout(function (){
        console.log("setTimeout invoked")
    },2000)
    console.log("other code processon")
</script>

promise状态

Promise 对象提供了.then()和.catch()方法，分别用于处理异步操作的成功和失败。

在这里插入图片描述

async 和 await

async
1、 async 用来定义一个异步函数。一个 async 函数总是返回一个 Promise，无论函数内部是否显式返回 Promise 对象。
2、如果函数内部使用 return 语句返回一个值，这个值会被自动包装成一个 Promise，并被 resolve。
3、如果函数内部抛出错误，则会返回一个被 reject 的 Promise。
await
1、await 只能在 async 函数中使用，它使得 JavaScript 等待一个 Promise 完成，并返回 Promise 的结果值。
2、当 await 等待的 Promise 成功时，表达式返回 resolve 的结果。
3、当 Promise 被拒绝时，await 会抛出异常，通常可以用 try…catch 进行错误处理。

2、Axios

axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js 环境中发送异步请求。它使得与后端服务器进行数据交互变得非常简洁和高效，能够处理 GET、POST、PUT、DELETE 等 HTTP 请求方法，并且提供了丰富的功能来处理响应、请求拦截、错误处理、取消请求等。