如何在外部终止一个pengding状态的promise对象

2018-06-24 01:25:50来源：未知阅读 ()

今天在整理前段时间做过的项目，发现之前在集成web环信的时候遇到过一个奇怪的需求：
需要终止一个正在进行等待返回的promise，或者阻止其调用resolve和reject。(具体为何会有这种需求我也不太记得了。。。

现在回头看，一定会有其他的常规解决方案)。

不过本着对未知牛角尖的专研精神(最近有点闲)，在咨询知乎大神，重读阮大神的《es6入门》书中promise一章后，

找到了一个原生js的解决方案：Promise.race。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <button onclick="getInterface()">发送请求</button>
        <button id="cancel">取消调用接口</button>
        <script type="text/javascript">
            //Promise.race([a,b])参数为一个promise对象组成的数组，
            //此方法用来比较啊a和b哪一个promise先返回，Promise.race结果就返回这个先返回的promise参数

            function getInterface() {
                var promise1 = new Promise(function(resolve, reject) {
　　　　　　　　　　　　//模拟ajax异步请求
                    setTimeout(resolve, 3000, '接口返回成功！');
                });
                var promise2 = new Promise(function(resolve, reject) {
                    document.querySelector('#cancel').addEventListener('click', function() {
                        reject('取消等待接口！');
                    });
                });

                Promise.race([promise1, promise2]).then(function(value) {
                    console.log(value);
                }).catch(function(value) {
                    console.log(value);
                });
            }
        </script>
    </body>
</html>