ES6基础入门（四)—— promise的基本使用

最新推荐文章于 2021-06-25 14:20:47 发布

原创最新推荐文章于 2021-06-25 14:20:47 发布 · 140 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ES6 #异步编程

es6 专栏收录该内容

17 篇文章

订阅专栏

本文深入探讨ES6中Promise的概念及作用，旨在解决异步编程中的回调地狱问题，通过实例讲解Promise的创建、状态转变及错误处理，帮助读者掌握Promise的高级应用。

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

es6异步编程
1.Promise的作用：分解异步操作，避免回调地狱（嵌套函数）
2.promise的使用：使用场景：上传文件，提交解压密码/ 1.创建promise 2.调用then方法
3.promise的状态
4.promise的高级应用

<script>
//创建promise实例
//需要一个回调函数
//promise-->约定
//resove：如果条件成立调用的方法。，reject：条件失败调用方法
let pro = new Promise((resove,reject)=>{
    //ajax异步操作，请求服务器
    setTimeout(()=>{
         if("请求正确完成"){
            resove(data);
        }else{
            reject("hello");
          }
    },1000)
});

//调用promise的then方法
//参数1：异步请求执行了resolve方法后调用的回调函数
//参数2：异步请求执行了reject方法后调用的回调函数
pro.then(
    data=>{
        console.log("请求顺利完成",data)
    }，
    error=>{
         console.log("请求未能顺利完成",error)
    }
)
</script>

https://developer.mozilla.org/zhCN/docs/Web/JavaScript/Reference/Global_Objects/Promise#Promise_%E5%8E%9F%E5%9E%8B

MDN官网promise链接