2021-5-7:Promise

117 阅读1分钟

promise解决了什么问题

  • 回调地狱问题(函数层层嵌套,代码阅读性很差)
  • 增加了代码的可读性问题

如何解决了回调地狱

    <script>
      const isPromise = true;
      const promise = new Promise((resolve, reject) => {
        if (isPromise) {
          resolve("获取成功");
        } else {
          reject("获取失败");
        }
      });

      promise
        .then((name) => {
          console.log(`数据${name}`);
        })
        .catch((name) => {
          console.log(`数据${name}`);
        });
    </script>
  • 输出 “数据获取成功”
  • 成功时进入 then
  • 失败时进入 catch
  • resolve函数的作用是在异步操作成功时调用,并将异步操作的结果,作为参数传递出去
  • reject函数的作用是在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去