|
|
@@ -0,0 +1,74 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <!--
|
|
|
+ Promise：构造函数
|
|
|
+ 执行方向：自上到下
|
|
|
+ 同步执行
|
|
|
+ 异步执行
|
|
|
+ 状态：三种状态
|
|
|
+ 成功 resolve/fulfilled
|
|
|
+ 失败 reject
|
|
|
+ 等待 pending
|
|
|
+ js执行顺序：
|
|
|
+ 先同步 后异步（先微后宏）
|
|
|
+ -->
|
|
|
+ <script>
|
|
|
+ // var a = 1;
|
|
|
+ // console.log(a);
|
|
|
+ // new Promise((resolve,reject)=>{
|
|
|
+ // // 执行的代码块
|
|
|
+ // reject();
|
|
|
+ // console.log(12)
|
|
|
+ // }).then(()=>{
|
|
|
+ // // 执行成功的代码块
|
|
|
+ // console.log(11)
|
|
|
+ // }).catch(()=>{
|
|
|
+ // // 执行失败的代码块
|
|
|
+ // console.log(14)
|
|
|
+ // })
|
|
|
+ // console.log(10)
|
|
|
+
|
|
|
+ let book1 = new Promise((resolve,reject)=>{
|
|
|
+ console.log(1);
|
|
|
+ reject();
|
|
|
+ })
|
|
|
+ let book2 = new Promise((resolve,reject)=>{
|
|
|
+ console.log(2);
|
|
|
+ reject();
|
|
|
+ })
|
|
|
+ let book3 = new Promise((resolve,reject)=>{
|
|
|
+ console.log(3);
|
|
|
+ reject();
|
|
|
+ })
|
|
|
+ // Promise.all() 判断多个Promise 当传入的都成立 则成立
|
|
|
+ // Promise.all([book1,book2,book3]).then(()=>{
|
|
|
+ // console.log('成功')
|
|
|
+ // }).catch(()=>{
|
|
|
+ // console.log('失败')
|
|
|
+ // })
|
|
|
+ // Promise.race() 判断多个Promise 当传入的第一个成立 则成立
|
|
|
+ // Promise.race([book1,book2,book3]).then(()=>{
|
|
|
+ // console.log('成功')
|
|
|
+ // }).catch(()=>{
|
|
|
+ // console.log('失败')
|
|
|
+ // })
|
|
|
+ Promise.allSettled([book1,book2,book3]).then(()=>{
|
|
|
+ console.log('成功')
|
|
|
+ }).catch(()=>{
|
|
|
+ console.log('失败')
|
|
|
+ })
|
|
|
+ // book.then(()=>{
|
|
|
+ // console.log("1")
|
|
|
+ // })
|
|
|
+ // book.catch(()=>{
|
|
|
+ // console.log("12")
|
|
|
+ // })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
e