Promise的使用

微光•无单位

已于 2022-09-07 16:27:10 修改

阅读量162

点赞数 4

分类专栏：前端学习小功能文章标签： javascript 前端原型模式

于 2022-09-07 16:26:07 首次发布

本文链接：https://blog.csdn.net/LvWeijie941/article/details/126748641

版权

小功能同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

前端学习

5 篇文章 0 订阅

订阅专栏

这篇博客介绍了Promise在JavaScript中的使用，它是一个用于封装异步操作的对象，旨在解决回调地狱问题。通过实例化Promise构造函数，我们可以创建一个Promise对象，并通过then和catch方法处理异步操作的成功或失败情况。在给出的例子中，Promise被用来模拟一个延迟操作，当发生错误时，使用reject抛出错误信息，然后在then和catch中分别捕获和处理这些信息。

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

Promise的使用

Promise是ES6引入异步编程的新解决方案，语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功失败的结果，避免循环嵌套。

Promise 构造函数：Promise(excutor){}
Promise.prototype.then 方法
Promise.prototype.catch方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //实例化Promise对象
        const promise = new Promise(function(resolve,reject){
            setTimeout(function(){
                let data = "select data from data"
                //若无异常，调用resolve回调函数进行返回数据
                //resolve(data)
                //若有异常，则调用reject回调函数进行异常抛出
                reject("error")
            },1000)
        })
        //调用paomise内置then方法，可以获取正常和异常的回调信息
        promise.then(function(data){
            console.log(data);
        },function(reason){
            console.log(reason);
        })
        //也可以调用catch方法，来获取异常信息
        promise.catch(function(data){
            console.log(data);
        })
    </script>
</body>
</html>