练习，promise的使用

最新推荐文章于 2022-12-13 19:31:55 发布

绿蚁新醅酒红泥小火炉

最新推荐文章于 2022-12-13 19:31:55 发布

阅读量278

点赞数

分类专栏： es6 文章标签： es6

本文链接：https://blog.csdn.net/u013006851/article/details/90107743

版权

es6 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    <script type="text/javascript">
    
    function cook() {
        console.log('开始做饭。');
        var p = new Promise(function(resolve, reject){ 
            setTimeout(function() {
                console.log('做饭完毕！');
                resolve('鸡蛋炒饭');
            }, 1000);
        });
        return p;
    }
    
    function eat(data) {
        console.log('开始吃饭：' + data);
        var p = new Promise(function(resolve, reject) {
            setTimeout(function() {
                console.log('吃饭完毕!');
                resolve('一块碗和一双筷子');
            }, 2000);
        });
        return p;
    }
    function wash(data) {
        console.log('开始洗碗：' + data);
        var p = new Promise(function(resolve, reject) { 
            setTimeout(function() {
                console.log('洗碗完毕!');
                resolve('干净的碗筷');
            }, 2000);
        });
        return p;
}
//补充代码
cook().then((data)=>{
	return eat(data);
}).then((data)=>{
	return wash(data);
}).then(function(data){
	console.log(data);
});
</script>
</body>
</html>

绿蚁新醅酒红泥小火炉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
练习，promise的使用

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <script src="https://cdn.bootcss.com/jquery/1.12.4/j...
复制链接

扫一扫