如何在外部終止一個pengding狀態的promise對象

時間 2020-06-04

標籤如何外部終止一個 pengding 狀態 promise 對象简体版

原文原文鏈接

今天在整理前段時間作過的項目，發現以前在集成web環信的時候遇到過一個奇怪的需求：
須要終止一個正在進行等待返回的promise，或者阻止其調用resolve和reject。(具體爲什麼會有這種需求我也不太記得了。。。javascript

如今回頭看，必定會有其餘的常規解決方案)。html

不過本着對未知牛角尖的專研精神(最近有點閒)，在諮詢知乎大神，重讀阮大神的《es6入門》書中promise一章後，java

找到了一個原生js的解決方案：Promise.race。es6

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