promise入门demo

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了promise入门demo相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script>
/*
 *   定义两个Promise实例化对象,这两个是需要异步操作的两个方法
 *   在promise对象实例化是传入一个方法,这个方法两个参数,一个是异步调用成功,一个是失败
 *   这个方法里面执行的异步操作会在结束时调用一下resolve
 *   执行是在then里面执行,then的函数要有resolve才能执行,然后通过return来执行下一个then
 *   首先调用demo1的then方法,传入一个方法,相当于resolve,然后按照then一步一步往下执行
 */
function demo1 () {
        var p = new Promise(function(resolve, reject){
            //做一些异步操作
            setTimeout(function(){
                console.log(success11);
                resolve("test1");
            }, 2000);
        });
        return p;
}

function demo2 () {
        var p2 = new Promise(function(resolve, reject){
            //做一些异步操作
            setTimeout(function(){
                console.log(success22);
                resolve("test2");
            }, 1000);
        });
        return p2;
}

        demo1().then(function(data){
            console.log(data);
            return demo2();
        }).then(function(data) {
            console.log(data);
            return demo1();
        })


</script>
</body>
</html>

 

以上是关于promise入门demo的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

前端面试题之手写promise

Netty入门——Future和Promise接口

澄清 node.js + promises 片段

js promise详解

demo_09 async&await