# async code

[JS]() ⟩ async code

{% hint style="success" %}

{% endhint %}

{% tabs %}
{% tab title="🔴 主題" %}
* [promise](async/promise "mention") - <mark style="color:red;">**future**</mark>**&#x20;**<mark style="color:yellow;">**value**</mark> of an async operation.
* [async](async/async "mention") ([es2017](feature/es2017 "mention"))
  * [functions](async/async/functions "mention")
  * [methods](async/async/methods "mention")
  * [arrow-function](async/async/arrow-function "mention")
  * [async-iife](async/async/async-iife "mention")
  * [measuretime](async/async/measuretime "mention") - async function <mark style="color:yellow;">**execution time**</mark>.
* [await](async/await "mention") ([es2017](feature/es2017 "mention"))
  * [promises](async/await/promises "mention") (in [parallel](async/promise/in-parallel) or in [series](async/promise/chaining))
    * [sequential](async/await/promises/sequential "mention")
    * [parallel](async/await/promises/parallel "mention")
  * [thenable](async/await/thenable "mention")
  * [error-handling](async/await/error-handling "mention")
* [await](grammar/statement/loop/for/await "mention") ([es2018](feature/es2018 "mention"))&#x20;
{% endtab %}

{% tab title="👥 相關" %}
* [api](../browser/api "mention")
{% endtab %}

{% tab title="📗 參考" %}
* [ ] JavaScript: The Definitive Guide (13. Asynchronous JavaScript)
* [ ] Eloquent JS ⟩ [Asynchronous Programming](https://eloquentjavascript.net/11_async.html)&#x20;
* [ ] JS.info ⟩ [async/await](https://javascript.info/async-await)
{% endtab %}

{% tab title="📘 手冊" %}
* [Web APIs](https://developer.mozilla.org/en-US/docs/Web/API) ⟩
  * [setTimeout()](https://developer.mozilla.org/en-US/docs/Web/API/setTimeout), [setInterval()](https://developer.mozilla.org/en-US/docs/Web/API/setInterval), [clearInterval()](https://developer.mozilla.org/en-US/docs/Web/API/clearInterval)
* [window](../browser/dom/type/window "mention") ⟩ [.requestAnimationFrame()](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame)
{% endtab %}
{% endtabs %}
