HTML/Html-Javascript/32-异步代码同步化1.html
2023-05-01 19:37:40 +08:00

69 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- axios -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<script>
// 早期人类驯服异步API的底层逻辑
// 异步代码同步化
// 00-回调函数
// function 异步(callBack) {
// setTimeout(() => {
// data = { d: "我是数据" };
// callBack();
// })
// }
// let data;
// // 回调地狱的形成
// 异步(() => {
// console.log(data);
// 异步(() => {
// console.log(data);
// 异步(() => {
// console.log(data);
// 异步(() => {
// console.log(data);
// });
// });
// });
// });
// let data = axios({ url: "http://127.0.0.1:7890", })
// console.log(data);
// Promise
// 接口1
// let a;
// axios({ url: "http://127.0.0.1:7890" }).then(res => {
// console.log(res.data);
// a = res.data;
// // 调用2接口前 需要1接口的返回数据
// if (res.data.code == 201) {
// // 接口2
// axios({ url: "http://127.0.0.1:7890/xxx" }).then(res => {
// console.log(res.data);
// // 接口3
// // 接口4
// })
// }
// })
// console.log(a);
</script>
</body>
</html>