JavaScript 非同期プログラミングの 6 つの特徴 Promise mode_JavaScript スキル

正式な紹介を始める前に、JavaScript Promise がどのようなものであるかを確認したいと思います。

コードをコピーします コードは次のとおりです。次のように:

var p = new Promise(function(resolve, respect) {
solve("hello world");
});

p。 then(function(str ) {
alert(str);
});

1. then() は Forked Promise を返します。

次の 2 つのコードの違いは何ですか?

コードをコピー コードは次のとおりです:

// 展示 A
var p = 新しい約束 (/*...*/);
p.then(func1);
p.then(func2);

// 展示 B
var p = new Promise(/ *...*/);
p.then(func1)
.then(func2);

上記の 2 つのコードを真剣に考えると、Promise は次のようになります。コールバック関数の 1 次元配列。しかし、そうではありません。各 then() 呼び出しはフォークされた Promise を返します。したがって、 ExhibitionA では、 func1() が例外をスローしても、 func2() は通常どおり呼び出されます。

ExhibitionB では、func1() がエラーをスローした場合、最初の呼び出しで新しい Promise が返され、func1() で拒否されるため、fun2() は呼び出されません。その結果、 func2() はスキップされます。

要約: Promise は、複雑なフローチャートと同様に、複数のパスに分岐することができます。

2. コールバックは結果を配信する必要があります

次のコードを実行すると、どのような警告が表示されますか?

コードをコピー コードは次のとおりです。

var p = new Promise(function(resolve) 、拒否) {
solve("hello world");
});

p.then(function(str) {})
.then(function(str) {
alert (str);
});

2 番目の then() のアラートには何も表示されません。これは、Promise のコンテキストでは、結果が変わるためコールバック関数が存在しないためです。 Promise は、コールバック関数が同じ結果または置換結果を返し、それが次のコールバック関数に渡されることを期待します。

同様に、次のように adpater を使用して結果を変更します。

コードをコピーします コードは次のとおりです:

var feetToMetres = function(ft) { return ft*12*0.0254 };

var p = new Promise(/*...*/);

p .then(feetToMetres)
.then(function(meters) {
alert(meters);
});

3. 上位層からの例外のみをキャッチできます

これら 2 つのコードの違いは何ですか?

コードをコピー コードは次のとおりです:

// 展示 A
新しい Promise (function(solve, respect) {
solve("hello world");
})
.then(
function(str) {
throw new Error("uh oh") ;
},
未定義
)
.then(
未定義,
関数(エラー) {
アラート(エラー);
}
);

// 資料 B
new Promise(function(resolve, respect) {
solve("hello world");
})
.then(
function(str) {
throw new Error("uh oh");
},
function(error) {
alert(error);
}
);

で最初のコードでは、最初の then() でスローされた例外が 2 番目の then() でキャッチされ、「ああ」という警告がトリガーされます。これにより、前のレベルからの例外のみがキャッチされることになります。

2 番目のコードでは、コールバック関数とエラー コールバック関数は同じレベルにあります。つまり、コールバックで例外がスローされても、それはキャッチされません。実際、2 番目のコードのエラー コールバックは、Promise が拒否された場合、または Promise 自体が失敗した場合にのみスローされます

4. エラーは回復可能

エラー コールバック関数でエラーを再スローしない場合、Promise はエラーから回復したものとみなし、解決された状態に戻ります。次の例では、最初の then() のエラー コールバックが例外を再スローしなかったため、「i'm Saved」が表示されます。

コードをコピー コードは次のとおりです:

var p = new Promise(function(resolve, reject) {
reject(new Error("pebkac"));
});

p.then(
undefined,
function(error) { }
)
.then(
function(str) {
alert("I am saved!");
},
function(error) {
alert("Bad computer!");
}
);

Promise can be thought of as layers on an onion. Each then() adds another layer to the onion. Each level represents an activity being processed. When a layer ends, the result is considered repaired and ready for the next layer.

5. Promises can be paused

Just because you're ready to execute in a then() method, doesn't mean you can't pause and run others ahead of time. To pause the current promise, or make it wait for another promise to complete, simply return another promise in then().

Copy code The code is as follows:

var p = new Promise(/*...* /);

p.then(function(str) {
if(!loggedIn) {
return new Promise(/*...*/);
}
})
.then(function(str) {
alert("Done.");
})

In the previous code, the prompt will not appear until the new promise is resolved. . This is a convenient way to introduce more dependencies into an existing asynchronous code path. For example, you may find that the user's session has timed out, and you may want to initialize a second login before continuing with the previous code path.

6. Resolved Promises will not be executed immediately

Will I get a prompt box when I run the following code?

Copy code The code is as follows:

function runme() {
var i = 0 ;

new Promise(function(resolve) {
resolve();
})
.then(function() {
i = 2;
});
alert(i);
}

Because the promise is resolved immediately and then() method is executed immediately, you might think that prompt 2 will be detected. But the promise definition requires that all calls be forced asynchronous. So the prompt will be generated before being modified.