Promise 、Async/Await的使用

最新推荐文章于 2024-12-24 11:33:50 发布

原创最新推荐文章于 2024-12-24 11:33:50 发布 · 494 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#异步 #es6 #promise #函数 #async

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了ES6中Promise对象的基本概念及其使用方法，包括resolve和reject的含义，并通过示例展示了如何使用Promise处理异步操作。此外，还详细讲解了async与await的功能及配合使用方式，通过具体实例说明了它们如何简化异步编程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Prosmise对像是es6的新特性，也是异步编程的解决方案。

var promise = new Promise(function (resolve , reject) {
        var result = axios.get('../data.json');
        if (result){
            resolve(result)
        }else {
            reject(new Error())
        }
    });

使用方法是 new Promise 对象，里面有两个参数，一个是resolve，一个是reject。resolve表示解决、成功，reject表示拒绝、失败。（axios是异步请求库，类似jq 的ajax）
调用：

promise.then(function (data) {
        console.log(data.data)
    })

async与await，是一对好机油，配合一起使用。功能类似Generator 函数（*），但是更语义化，使用方法：

function resolveAfter2Seconds(x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x);
    }, 2000);
  });
}

async function f1() {
  var x = await resolveAfter2Seconds(10);
  console.log(x); // 10
}
f1();