From e67828880f24835a91326903f6be4a8c336c20f7 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 9 Apr 2021 23:01:21 +0900 Subject: Web/JavaScript/Reference/Operators/async_function を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 2021/03/26 時点の英語版に同期 --- .../reference/operators/async_function/index.html | 105 +++++++++++---------- 1 file changed, 53 insertions(+), 52 deletions(-) (limited to 'files/ja/web/javascript/reference') diff --git a/files/ja/web/javascript/reference/operators/async_function/index.html b/files/ja/web/javascript/reference/operators/async_function/index.html index b2e2b5476e..f50d024a21 100644 --- a/files/ja/web/javascript/reference/operators/async_function/index.html +++ b/files/ja/web/javascript/reference/operators/async_function/index.html @@ -2,41 +2,46 @@ title: 非同期関数式 slug: Web/JavaScript/Reference/Operators/async_function tags: - - Experimental - - Function - - JavaScript - - Operator - - Primary Expression +- Function +- JavaScript +- Language feature +- Operator +- Primary Expression translation_of: Web/JavaScript/Reference/Operators/async_function ---
{{jsSidebar("Operators")}}
-

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

+

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

-

構文

+

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

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

+
+
async function [name]([param1[, param2[, ..., paramN]]]) {
+   statements
 }

 
-
引数

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

+
+
引数

 
 

- 
name

- 
関数名。関数が匿名の場合、省略可能。名前は関数ボディー内のみのローカル。

- 
paramN

- 
関数に渡される引数名。

- 
statements

- 
関数ボディーを構成するステートメント。

+  
name

+  
関数名です。関数が無名の場合は省略可能です。名前は関数の本体内のみのローカルです。

+  
paramN

+  
関数に渡される引数名です。

+  
statements

+  
関数本体を構成する文です。

 

 
-
説明

+
解説

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

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

 
-
例

+
例

 
-
シンプルな例

+
シンプルな例

 
 
function resolveAfter2Seconds(x) {
   return new Promise(resolve => {
@@ -46,52 +51,48 @@ translation_of: Web/JavaScript/Reference/Operators/async_function
   });
 };
 
-(async function(x) { // async function expression used as an IIFE
-  var a = resolveAfter2Seconds(20);
-  var b = resolveAfter2Seconds(30);
-  return x + await a + await b;
-})(10).then(v => {
-  console.log(v);  // prints 60 after 2 seconds.
-});
-
-var add = async function(x) { // async function expression assigned to a variable
-  var a = await resolveAfter2Seconds(20);
-  var b = await resolveAfter2Seconds(30);
+const add = async function(x) { // 変数に代入された非同期関数式
+  let a = await resolveAfter2Seconds(20);
+  let b = await resolveAfter2Seconds(30);
   return x + a + b;
 };
 
 add(10).then(v => {
-  console.log(v);  // prints 60 after 4 seconds.
+  console.log(v);  // 4 秒後に 60 を表示
+});
+
+(async function(x) { // IIFE として使用される非同期関数式
+  let p_a = resolveAfter2Seconds(20);
+  let p_b = resolveAfter2Seconds(30);
+  return x + await p_a + await p_b;
+})(10).then(v => {
+  console.log(v);  // 2 秒後に 60 を表示
 });
 

 
-
仕様

+
仕様書

 
 
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
- 
+  
+    
+      
+    
+  
+  
+    
+      
+    
+  
仕様ステータスコメント
{{SpecName('Async Function', '#async-function-definitions', 'async function')}}{{Spec2('Async Function')}}提案
仕様書
{{SpecName('ESDraft', '#sec-async-function-definitions', 'async function')}}

 

 
-
ブラウザー実装状況

+
ブラウザーの互換性

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

 
-
関連項目

+
関連情報

 
 
-- 
cgit v1.2.3-54-g00ecf