From cd54cc56e2c3104897adfa8e2bd54f235d821fb8 Mon Sep 17 00:00:00 2001 From: yuhengshen Date: Tue, 12 Jul 2022 13:17:52 +0800 Subject: [PATCH 1/7] Update article.md --- 5-network/04-fetch-abort/article.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/5-network/04-fetch-abort/article.md b/5-network/04-fetch-abort/article.md index 44a2ee4853..4999aa7028 100644 --- a/5-network/04-fetch-abort/article.md +++ b/5-network/04-fetch-abort/article.md @@ -1,7 +1,7 @@ # Fetch：中止（Abort） -正如我们所知道的，`fetch` 返回一个 promise。JavaScript 通常并没有“中止” promise 的概念。那么我们怎样才能取消一个正在执行的 `fetch` 呢？例如，如果用户在我们网站上的操作表明不再需要 `fetch`。 +众所周知，`fetch` 返回一个 promise。JavaScript 通常并没有“中止” promise 的概念。那么我们怎样才能取消一个正在执行的 `fetch` 呢？例如，如果用户在我们网站上的操作表明不再需要某个执行中的 `fetch` 。 为此有一个特殊的内建对象：`AbortController`。它不仅可以中止 `fetch`，还可以中止其他异步任务。 @@ -24,9 +24,9 @@ let controller = new AbortController(); - `controller.signal` 就会触发 `abort` 事件。 - `controller.signal.aborted` 属性变为 `true`。 -通常，处理分为两部分： -1. 一部分是一个可取消的操作，它在 `controller.signal` 上设置一个监听器。 -2. 另一部分是取消：在需要的时候调用 `controller.abort()`。 +通常，我们需要处理两部分： +1. 一部分是通过给 `controller.signal` 上添加一个监听器，来执行可取消操作。 +2. 另一部分是触发取消：在合适的时候调用 `controller.abort()`。 这是完整的示例（目前还没有 `fetch`）： @@ -34,7 +34,7 @@ let controller = new AbortController(); let controller = new AbortController(); let signal = controller.signal; -// 可取消的操作这一部分 +// 执行可取消操作的部分 // 获取 "signal" 对象， // 并将监听器设置为在 controller.abort() 被调用时触发 signal.addEventListener('abort', () => alert("abort!")); From 1cf51a481843fc0893d0632aa2b7f485a4bd9d70 Mon Sep 17 00:00:00 2001 From: yuhengshen Date: Tue, 12 Jul 2022 13:27:40 +0800 Subject: [PATCH 2/7] Update article.md --- 5-network/04-fetch-abort/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/5-network/04-fetch-abort/article.md b/5-network/04-fetch-abort/article.md index 4999aa7028..ad69bce58c 100644 --- a/5-network/04-fetch-abort/article.md +++ b/5-network/04-fetch-abort/article.md @@ -1,7 +1,7 @@ # Fetch：中止（Abort） -众所周知，`fetch` 返回一个 promise。JavaScript 通常并没有“中止” promise 的概念。那么我们怎样才能取消一个正在执行的 `fetch` 呢？例如，如果用户在我们网站上的操作表明不再需要某个执行中的 `fetch` 。 +众所周知，`fetch` 返回一个 promise。JavaScript 通常并没有“中止” promise 的概念。那么我们怎样才能取消一个正在执行的 `fetch` 呢？例如，如果用户在我们网站上的操作表明不再需要某个执行中的 `fetch`。 为此有一个特殊的内建对象：`AbortController`。它不仅可以中止 `fetch`，还可以中止其他异步任务。 From 326f3a8ec1483d343bf00dfffdd042b5c2d5663c Mon Sep 17 00:00:00 2001 From: yuhengshen Date: Tue, 12 Jul 2022 13:39:37 +0800 Subject: [PATCH 3/7] Update article.md --- 5-network/04-fetch-abort/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/5-network/04-fetch-abort/article.md b/5-network/04-fetch-abort/article.md index ad69bce58c..cc243bb32e 100644 --- a/5-network/04-fetch-abort/article.md +++ b/5-network/04-fetch-abort/article.md @@ -26,7 +26,7 @@ let controller = new AbortController(); 通常，我们需要处理两部分： 1. 一部分是通过给 `controller.signal` 上添加一个监听器，来执行可取消操作。 -2. 另一部分是触发取消：在合适的时候调用 `controller.abort()`。 +2. 另一部分是触发取消：在需要的时候调用 `controller.abort()`。 这是完整的示例（目前还没有 `fetch`）： From db6232843a3302bd5c27e7f3839fff0f8bc3111e Mon Sep 17 00:00:00 2001 From: yuhengshen Date: Fri, 15 Jul 2022 09:43:15 +0800 Subject: [PATCH 4/7] Update 5-network/04-fetch-abort/article.md Co-authored-by: LeviDing --- 5-network/04-fetch-abort/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/5-network/04-fetch-abort/article.md b/5-network/04-fetch-abort/article.md index cc243bb32e..e8b5cfc91a 100644 --- a/5-network/04-fetch-abort/article.md +++ b/5-network/04-fetch-abort/article.md @@ -25,7 +25,7 @@ let controller = new AbortController(); - `controller.signal.aborted` 属性变为 `true`。 通常，我们需要处理两部分： -1. 一部分是通过给 `controller.signal` 上添加一个监听器，来执行可取消操作。 +1. 一部分是通过在 `controller.signal` 上添加一个监听器，来执行可取消操作。 2. 另一部分是触发取消：在需要的时候调用 `controller.abort()`。 这是完整的示例（目前还没有 `fetch`）： From 1967d6254662f9d5743d4965f5371b8cdd236746 Mon Sep 17 00:00:00 2001 From: yuhengshen Date: Fri, 15 Jul 2022 09:43:21 +0800 Subject: [PATCH 5/7] Update 5-network/04-fetch-abort/article.md Co-authored-by: LeviDing --- 5-network/04-fetch-abort/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/5-network/04-fetch-abort/article.md b/5-network/04-fetch-abort/article.md index e8b5cfc91a..4d30b4bb54 100644 --- a/5-network/04-fetch-abort/article.md +++ b/5-network/04-fetch-abort/article.md @@ -34,7 +34,7 @@ let controller = new AbortController(); let controller = new AbortController(); let signal = controller.signal; -// 执行可取消操作的部分 +// 执行可取消操作 // 获取 "signal" 对象， // 并将监听器设置为在 controller.abort() 被调用时触发 signal.addEventListener('abort', () => alert("abort!")); From 9cd3cc220e0ffe8a0fa547982feb6f2e978c2425 Mon Sep 17 00:00:00 2001 From: yuhengshen Date: Fri, 15 Jul 2022 09:45:04 +0800 Subject: [PATCH 6/7] Update 5-network/04-fetch-abort/article.md Co-authored-by: LeviDing --- 5-network/04-fetch-abort/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/5-network/04-fetch-abort/article.md b/5-network/04-fetch-abort/article.md index 4d30b4bb54..a24de7b5ea 100644 --- a/5-network/04-fetch-abort/article.md +++ b/5-network/04-fetch-abort/article.md @@ -1,7 +1,7 @@ # Fetch：中止（Abort） -众所周知，`fetch` 返回一个 promise。JavaScript 通常并没有“中止” promise 的概念。那么我们怎样才能取消一个正在执行的 `fetch` 呢？例如，如果用户在我们网站上的操作表明不再需要某个执行中的 `fetch`。 +正如我们所知道的，`fetch` 返回一个 promise。JavaScript 通常并没有“中止” promise 的概念。那么我们怎样才能取消一个正在执行的 `fetch` 呢？例如，如果用户在我们网站上的操作表明不再需要某个执行中的 `fetch`。 为此有一个特殊的内建对象：`AbortController`。它不仅可以中止 `fetch`，还可以中止其他异步任务。 From 5ddca7b0cdbe9b0592e57770a2e128b70a38a7be Mon Sep 17 00:00:00 2001 From: LeviDing Date: Fri, 15 Jul 2022 11:51:59 +0800 Subject: [PATCH 7/7] Update 5-network/04-fetch-abort/article.md --- 5-network/04-fetch-abort/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/5-network/04-fetch-abort/article.md b/5-network/04-fetch-abort/article.md index a24de7b5ea..3dfe3a696b 100644 --- a/5-network/04-fetch-abort/article.md +++ b/5-network/04-fetch-abort/article.md @@ -34,7 +34,7 @@ let controller = new AbortController(); let controller = new AbortController(); let signal = controller.signal; -// 执行可取消操作 +// 执行可取消操作部分 // 获取 "signal" 对象， // 并将监听器设置为在 controller.abort() 被调用时触发 signal.addEventListener('abort', () => alert("abort!"));