promise的异步操作的执行过程

最新推荐文章于 2023-05-31 11:06:14 发布

小熊熊熊熊嗷呜

最新推荐文章于 2023-05-31 11:06:14 发布

阅读量93

点赞数 2

分类专栏： javascript 文章标签： html5 html javascript

本文链接：https://blog.csdn.net/qq_41597377/article/details/116668182

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!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>

</body>
<script>
    // try/catch/finally 语句用于处理代码中可能出现的错误信息。
    // 此段代码会报错  =>  不想因为此代码 影响后续的执行


    // function rand() {
    //     return new Promise(function (resolve, reject) {
    //         setTimeout(function () {
    //             haha;
    //             var num = Math.round(Math.random() * 100);
    //             resolve(11111);
    //         }, 1000)
    //     })
    // }

    function rand() {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                try {
                    haha;
                    var num = Math.round(Math.random() * 100);
                    resolve(11111);
                } catch (err) {
                    reject(err);
                }
            }, 1000)
        })
    }

    rand().then(num => {
        console.log(num);   //没haha，时，输出结果，11111

    }).catch(err => {
        console.log("err", err);    //输出：err ReferenceError: haha is not defined
    })


    // try...catch....finilay 异常捕获 常见用法
    // 1. 不想因为某些代码的错误 影响后续的执行
    // 2. 错误发生时的补救措施  (兼容|异步)



</script>

</html>

小熊熊熊熊嗷呜

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
promise的异步操作的执行过程

<!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>Do
复制链接

扫一扫