JavaScript Promise.race() 方法

Promise.race()方法返回一个承诺，一旦可迭代中的一个承诺履行或拒绝，该承诺就会履行或拒绝，并带有来自该承诺的价值或原因。

我们可以把这种特殊的方法想象成一个现实生活中的例子，几个人在比赛中谁先赢谁先赢得比赛，同样的场景在这里，任何承诺在早期成功实现或拒绝将在第一个和其余的结果不会显示为输出。

句法：

Promise.race(iterable);

参数：

• iterable：一个可迭代的对象，例如 Array、Map、String 等，其中包含几个不同的 Promise。

示例 1：

Javascript

const promise1 = new Promise((resolve, reject) => {
  setTimeout(resolve, 600, "one");
});
 
const promise2 = new Promise((resolve, reject) => {
  setTimeout(resolve, 200, "two");
});
 
Promise.race([promise1, promise2]).then((value) => {
  console.log(value);
});

Javascript

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => resolve("five"), 500);
});
 
const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => reject(new Error("six")), 100);
});
 
Promise.race([promise1, promise2]).then((value) => {
  console.log(value);
});
<script></code></pre></div><br><hr></div></div><p><strong>输出：</strong>由于 promise2 更快，所以它打印出自己的结果，即 2。 </p><div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace">two</code></pre></div><h4>示例 2：</h4><div class="noIdeBtnDiv"><div class="responsive-tabs"><h2 class="tabtitle"> Javascript </h2><div class="tabcontent"><div class="hcb_wrap"><pre class="prism undefined-numbers lang-js" data-lang="JavaScript"><code class="replace"><script>
const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => resolve("five"), 500);
});
 
const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => reject(new Error("six")), 100);
});
 
Promise.race([promise1, promise2]).then((value) => {
  console.log(value);
});
<script>
</code></pre></div></div></div></div><p><strong>输出：</strong>由于 promise2 比 promise1 快，所以它拒绝并且不打印任何东西。 </p><p><img src="https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/JavaScript_Promise.race()_Method_0.jpg" alt></p><p><strong>支持的浏览器：</strong></p><ul><li>谷歌浏览器 6.0 及以上</li><li>Internet Explorer 9.0 及更高版本</li><li>Mozilla 4.0 及更高版本</li><li>Opera 11.1 及更高版本</li><li>Safari 5.0 及以上</li></ul><p></p><br><div id="GFG_AD_Desktop_InContent_ATF_728x280" style="margin-left:-3.5%;min-height:280px"></div></div></article>

                </div>

            </div>
        </div>
    </div>
</div>


  
<footer>
    <div class="bg-white text-center pb-1">
        <p class="text-body-tertiary pt-3 lh-lg text-opacity-50" id="footer-text">Copyright &copy; 2020 - 2024 版权所有
            <br>

            <a href="https://beian.miit.gov.cn/" target="_blank"
                class="text-opacity-50 text-body-tertiary mt-1 mb-1">蜀ICP备20006366号-1</a>

            <br>
            Made with ❤️ in Chengdu
        </p>
    </div>
</footer>


  <!-- 引入Bootstrap JavaScript库 -->
  <script src="https://unpkg.com/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
    crossorigin="anonymous">