study/uTools-Manuals
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-Manuals.git synced 2026-02-27 01:21:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

语法高亮，滚动条美化，设置页面调整

Browse Source
This commit is contained in:
fofolee
2019-04-19 02:41:09 +08:00
parent 1e8f76c000
commit 359d29ee0b
1590 changed files with 12328 additions and 11441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
docs/javascript/Reference/Global_Objects/Promise/all.html
View File

@@ -4,7 +4,7 @@
<div><iframe class="interactive interactive-js" frameborder="0" height="250" src="https://interactive-examples.mdn.mozilla.net/pages/js/promise-all.html" width="100%"></iframe></div>
<p class="hidden">The source for this interactive demo is stored in a GitHub repository. If you'd like to contribute to the interactive demo project, please clone <a class="external" href="https://github.com/mdn/interactive-examples" rel="noopener">https://github.com/mdn/interactive-examples</a> and send us a pull request.</p>
<h2 id="语法">语法</h2>
<pre class="syntaxbox"><var>Promise.all(iterable)</var>;</pre>
<pre><code class="language-javascript"><var>Promise.all(iterable)</var>;</code></pre>
<h3 id="参数">参数</h3>
<dl>
<dt>iterable</dt>
@@ -27,7 +27,7 @@
<h2 id="示例">示例</h2>
<h3 id="Promise.all_的使用"><code>Promise.all</code> 的使用</h3>
<p><code>Promise.all</code> 等待所有都完成（或第一个失败）。</p>
<pre class="brush: js">var p1 = Promise.resolve(3);
<pre><code class="language-javascript">var p1 = Promise.resolve(3);
var p2 = 1337;
var p3 = new Promise((resolve, reject) =&gt; {
setTimeout(resolve, 100, 'foo');
@@ -35,9 +35,9 @@ var p3 = new Promise((resolve, reject) =&gt; {
Promise.all([p1, p2, p3]).then(values =&gt; {
console.log(values); // [3, 1337, "foo"]
});</pre>
});</code></pre>
<p>如果参数中包含非 <code>promise</code> 值，这些值将被忽略，但仍然会被放在返回数组中（如果 <code>promise</code> 完成的话）：</p>
<pre class="brush: js">// this will be counted as if the iterable passed is empty, so it gets fulfilled
<pre><code class="language-javascript">// this will be counted as if the iterable passed is empty, so it gets fulfilled
var p = Promise.all([1,2,3]);
// this will be counted as if the iterable passed contains only the resolved promise with value "444", so it gets fulfilled
var p2 = Promise.all([1,2,3, Promise.resolve(444)]);
@@ -54,10 +54,10 @@ setTimeout(function(){
// logs
// Promise { &lt;state&gt;: "fulfilled", &lt;value&gt;: Array[3] }
// Promise { &lt;state&gt;: "fulfilled", &lt;value&gt;: Array[4] }
// Promise { &lt;state&gt;: "rejected", &lt;reason&gt;: 555 }</pre>
// Promise { &lt;state&gt;: "rejected", &lt;reason&gt;: 555 }</code></pre>
<h3 id="Promise.all_的异步和同步"><code>Promise.all</code> 的异步和同步</h3>
<p>下面的例子中演示了 <code>Promise.all</code> 的异步性（如果传入的可迭代对象是空的，就是同步）：</p>
<pre class="brush: js">// we are passing as argument an array of promises that are already resolved,
<pre><code class="language-javascript">// we are passing as argument an array of promises that are already resolved,
// to trigger Promise.all as soon as possible
var resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)];
@@ -75,9 +75,9 @@ setTimeout(function(){
// Promise { &lt;state&gt;: "pending" }
// the stack is now empty
// Promise { &lt;state&gt;: "fulfilled", &lt;value&gt;: Array[2] }
</pre>
</code></pre>
<p>如果 <code>Promise.all</code> 失败，也是一样的：</p>
<pre class="brush: js">var mixedPromisesArray = [Promise.resolve(33), Promise.reject(44)];
<pre><code class="language-javascript">var mixedPromisesArray = [Promise.resolve(33), Promise.reject(44)];
var p = Promise.all(mixedPromisesArray);
console.log(p);
setTimeout(function(){
@@ -89,9 +89,9 @@ setTimeout(function(){
// Promise { &lt;state&gt;: "pending" }
// the stack is now empty
// Promise { &lt;state&gt;: "rejected", &lt;reason&gt;: 44 }
</pre>
</code></pre>
<p>但是，<code>Promise.all</code> <strong>当且仅当</strong>传入的可迭代对象为空时为同步：</p>
<pre class="brush: js">var p = Promise.all([]); // will be immediately resolved
<pre><code class="language-javascript">var p = Promise.all([]); // will be immediately resolved
var p2 = Promise.all([1337, "hi"]); // non-promise values will be ignored, but the evaluation will be done asynchronously
console.log(p);
console.log(p2)
@@ -105,10 +105,10 @@ setTimeout(function(){
// Promise { &lt;state&gt;: "pending" }
// the stack is now empty
// Promise { &lt;state&gt;: "fulfilled", &lt;value&gt;: Array[2] }
</pre>
</code></pre>
<h3 id="Promise.all_的快速返回失败行为"><code>Promise.all</code> 的快速返回失败行为</h3>
<p><code>Promise.all</code> 在任意一个传入的 <code>promise</code> 失败时返回失败。例如，如果你传入的 <code>promise</code>中，有四个 <code>promise</code> 在一定的时间之后调用成功函数，有一个立即调用失败函数，那么 <code>Promise.all</code> 将立即变为失败。</p>
<pre class="brush: js">var p1 = new Promise((resolve, reject) =&gt; {
<pre><code class="language-javascript">var p1 = new Promise((resolve, reject) =&gt; {
setTimeout(resolve, 1000, 'one');
});
var p2 = new Promise((resolve, reject) =&gt; {
@@ -143,7 +143,7 @@ Promise.all([p1, p2, p3, p4, p5]).then(values =&gt; {
//From console:
//"reject"
</pre>
</code></pre>
<h2 id="技术规范">技术规范</h2>
<table class="standard-table">
<tbody>