码迷,mamicode.com
首页 > 其他好文 > 详细

Promise 的使用

时间:2018-09-10 11:08:20      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:src   catch   head   port   col   nbsp   init   成功   content   

1.promise 有3种状态,unresolved,resolved,rejected这3种状态

 

技术分享图片

下面是状态的变化

技术分享图片

 

简单代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //1.成功时候的状态
    let promise=new  Promise((resolve,reject)=>{
        resolve();
    });
    promise.then(()=>console.log("成功,没有问题"))   //成功,没有问题
    //2.失败时候的状态
    let promise=new  Promise((resolve,reject)=>{
        reject();
    });
    promise.catch(()=>console.log("失败,出现问题")); //失败,出现问题
</script>
</html>

当状态是resolve的时候,调用then 回调函数;当状态是reject()的时候,调用catch 回调函数;

 

Promise 的使用

标签:src   catch   head   port   col   nbsp   init   成功   content   

原文地址:https://www.cnblogs.com/guangzhou11/p/9617314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!