123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <!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>
- <script>
- // js的循环机制 EventLoop
- // 同步事件
- // 异步事件:
- // 微任务:
- // Promise 三种状态
- // resolve/fulfilled 成功的
- // reject 失败
- // pending 等待
- // 宏任务 setTimeout setInterval
- // 第一种
- // console.log("334")
- // new Promise((resolve,reject) => {
- // console.log("1")
- // setTimeout(()=>{
- // console.log("45")
- // },0)
- // reject()
- // }).then(res => {
- // // then 成功的内容
- // console.log("2")
- // }).catch(err => {
- // // catch 失败的内容
- // console.log("3");
- // })
- // console.log("77")
- // 第二种
- // let book = new Promise((resolve,reject) => {
- // console.log("444")
- // setTimeout(()=>{
- // console.log("333")
- // },2000)
- // resolve()
- // })
- // book.then(res => {
- // console.log("111")
- // })
- // book.catch(()=>{
- // console.log("222")
- // })
- let p1 = new Promise((resolve, reject) => {
- console.log("1");
- reject();
- })
- let p2 = new Promise((resolve, reject) => {
- console.log("2");
- resolve();
- })
- let p3 = new Promise((resolve, reject) => {
- console.log("3");
- resolve();
- })
- // Promise.all 失败一次 则失败 全部成功才成功
- // Promise.all([p1,p2,p3]).then(res => {
- // console.log("成功")
- // }).catch(err => {
- // console.log("失败")
- // })
- // Promise.race 第一个传入的失败才失败 其余的皆为成功
- Promise.race([p1,p2,p3]).then(res => {
- console.log("成功")
- }).catch(err => {
- console.log("失败")
- })
- </script>
- </body>
- </html>
|