ES 6 精讲（四）认识一下ES6之异步编程

小白追梦

于 2020-10-08 22:29:45 发布

阅读量195

点赞数

分类专栏： ES6 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43815680/article/details/108539221

版权

ES6 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的两种异步处理方式：Promise和async/await。通过示例代码展示了如何使用Promise处理AJAX请求的成功与失败，以及如何利用async/await语法糖来简化异步操作，使其更符合同步代码的阅读习惯。

摘要由CSDN通过智能技术生成

1-1 异步编程

在这里插入图片描述

1-1-1 Promise

在这里插入图片描述

比较完整的代码是这样的

<script src="jquery.js" charset="utf-8"></script>
<script type="text/javascript">
  let p = new Promise(function (resolve, reject) {
    // resolve 表示成功 // reject 表示失败
    $.ajax({
      url: "1.txt",
      dataType: "json",
      success(arr) {
        resolve(arr);
      },
      error(res) {
        reject(res);
      },
    });
  });

  p.then(
    function (arr) {
      alert("成功");
      console.log(arr);
    },
    function (res) {
      alert("失败");
      console.log(res);
    }
  );
</script>