From df809dd2ce52f831e1c2b21f755af9a830db1826 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 16 Feb 2022 23:02:01 +0900 Subject: 2022/01/22 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../reference/operators/async_function/index.md | 108 +++++++++------------ 1 file changed, 48 insertions(+), 60 deletions(-) (limited to 'files/ja') diff --git a/files/ja/web/javascript/reference/operators/async_function/index.md b/files/ja/web/javascript/reference/operators/async_function/index.md index f50d024a21..9b1dcfc3a3 100644 --- a/files/ja/web/javascript/reference/operators/async_function/index.md +++ b/files/ja/web/javascript/reference/operators/async_function/index.md @@ -2,50 +2,51 @@ title: 非同期関数式 slug: Web/JavaScript/Reference/Operators/async_function tags: -- Function -- JavaScript -- Language feature -- Operator -- Primary Expression + - 関数 + - JavaScript + - 言語機能 + - 演算子 + - Primary Expression +browser-compat: javascript.operators.async_function translation_of: Web/JavaScript/Reference/Operators/async_function --- -
{{jsSidebar("Operators")}}
+{{jsSidebar("Operators")}} -

async function キーワードは、式の中で async 関数を定義するために使用できます。

+**`async function`** キーワードは、式の中で `async` 関数を定義するために使用できます。 -

非同期関数は、 async function 文を使用して定義することもできます。

+非同期関数は、 [async function 文](/ja/docs/Web/JavaScript/Reference/Statements/async_function)を使用して定義することもできます。 -

構文

+## 構文 -
async function [name]([param1[, param2[, ..., paramN]]]) {
-   statements
-}
+```js +async function [name]([param1[, param2[, ..., paramN]]]) { + statements +} +``` -

ES2015 では、アロー関数を使用することもできます。

+ES2015 では、[アロー関数](/ja/docs/Web/JavaScript/Reference/Functions/Arrow_functions)を使用することもできます。 -

引数

+### 引数 -
-
name
-
関数名です。関数が無名の場合は省略可能です。名前は関数の本体内のみのローカルです。
-
paramN
-
関数に渡される引数名です。
-
statements
-
関数本体を構成する文です。
-
+- `name` + - : 関数名です。関数が*無名*の場合は省略可能です。名前は関数の本体内のみのローカルです。 +- `paramN` + - : 関数に渡される引数名です。 +- `statements` + - : 関数本体を構成する文です。 -

解説

+## 解説 -

async function 式は {{jsxref('Statements/async_function', 'async function statement')}} と非常に似ており、構文もほとんど同じです。async function 式と async function 文の主な違いは、async function 式が無名関数を生成するために関数名を省略できる点です。async function 式は、定義後直ちに実行される IIFE (即時実行関数式) として使用することもできます。詳細は関数の章を見てください。

+`async function` 式は {{jsxref('Statements/async_function', 'async function 文')}}とよく似ており、構文もほとんど同じです。async `function` 式と async `function` 文の主な違いは、`async function` 式が*関数名*を省略して*無名*関数を生成することができる点です。 `async function` 式は、定義後直ちに実行される [IIFE](/ja/docs/Glossary/IIFE) (即時実行関数式) として使用することもできます。詳細は[関数](/ja/docs/Web/JavaScript/Reference/Functions)の章を見てください。 -

例

+## 例 -

シンプルな例

+### シンプルな例 -
function resolveAfter2Seconds(x) {
-  return new Promise(resolve => {
-    setTimeout(() => {
+```js
+function resolveAfter2Seconds(x) {
+  return new Promise(resolve => {
+    setTimeout(() => {
       resolve(x);
     }, 2000);
   });
@@ -57,7 +58,7 @@ const add = async function(x) { // 変数に代入された非同期関数式
   return x + a + b;
 };
 
-add(10).then(v => {
+add(10).then(v => {
   console.log(v);  // 4 秒後に 60 を表示
 });
 
@@ -65,34 +66,21 @@ add(10).then(v => {
   let p_a = resolveAfter2Seconds(20);
   let p_b = resolveAfter2Seconds(30);
   return x + await p_a + await p_b;
-})(10).then(v => {
+})(10).then(v => {
   console.log(v);  // 2 秒後に 60 を表示
 });
-
- -

仕様書

- - - - - - - - - - - - -
仕様書
{{SpecName('ESDraft', '#sec-async-function-definitions', 'async function')}}
- -

ブラウザーの互換性

- -

{{Compat("javascript.operators.async_function")}}

- -

関連情報

- - +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Statements/async_function", "async function")}} +- {{jsxref("AsyncFunction")}} オブジェクト +- {{jsxref("Operators/await", "await")}} -- cgit v1.2.3-54-g00ecf