JS Promise 使用

100 阅读1分钟
  • Promise 简介,自己看一下吧,不想写了。
  • Promise 使用
<!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>
    // 创建 Promise
    const p = new Promise((resolve, reject) => {
      // 如果执行 resolve, 则会执行 p 对象的 then 方法
      setTimeout(() => {
        resolve('success')
      }, 1000)
      // 如果执行 reject, 则会执行 p 对象的 catch 方法
      setTimeout(() => {
        reject('fail')
      }, 1000)
      // 如果同时执行 resolve 与 reject 那么只会生效第一个执行的,后面在执行的不会再生效。
    })
    // 执行回调
    p.then((res) => {
      console.log(res) // 输出 'success'
    }).catch((err) => {
      console.log(err) // 输出 'fail'
    })
  </script>
</body>
</html>