From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- .../reference/operators/async_function/index.html | 115 +++++++++++++++++++++ 1 file changed, 115 insertions(+) create mode 100644 files/uk/web/javascript/reference/operators/async_function/index.html (limited to 'files/uk/web/javascript/reference/operators/async_function') diff --git a/files/uk/web/javascript/reference/operators/async_function/index.html b/files/uk/web/javascript/reference/operators/async_function/index.html new file mode 100644 index 0000000000..a0ff272054 --- /dev/null +++ b/files/uk/web/javascript/reference/operators/async_function/index.html @@ -0,0 +1,115 @@ +--- +title: Вираз асинхронної функції +slug: Web/JavaScript/Reference/Operators/async_function +tags: + - JavaScript + - Оператор + - Функція +translation_of: Web/JavaScript/Reference/Operators/async_function +--- +
{{jsSidebar("Operators")}}
+ +

Ключове слово async function може використовуватись для визначення асинхронних функцій всередині виразів.

+ +

Ви також можете визначати асинхронні функції за допомогою оголошення async function.

+ +

Синтаксис

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

Починаючи з ES2015 ви також можете використовувати стрілкові функції.

+ +

Параметри

+ +
+
name
+
Ім'я функції. Його можна пропустити, в цьому випадку функція буде анонімною. Ім'я доступне лише всередині тіла функції.
+
paramN
+
Ім'я аргумента, що передається у функцію.
+
statements
+
Інструкції, які складають тіло функції.
+
+ +

Опис

+ +

Вираз async function дуже схожий, та має майже такий самий синтаксис, як {{jsxref('Statements/async_function', 'оголошення async function')}}. Головною відмінністю між виразом асинхронної функції та оголошенням асинхронної функції є ім'я функції, яке можна пропустити у виразі async function, щоб створити анонімну функцію. Вираз async function може використовуватись як {{Glossary("IIFE","НВФВ")}} (негайно виконуваний функціональний вираз), який виконується одразу після визначення. Більше інформації дивіться у главі про функції.

+ +

Приклади

+ +

Простий приклад

+ +
function resolveAfter2Seconds(x) {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve(x);
+    }, 2000);
+  });
+};
+
+
+var add = async function(x) { // вираз асинхронної функції присвоюється змінній
+  var a = await resolveAfter2Seconds(20);
+  var b = await resolveAfter2Seconds(30);
+  return x + a + b;
+};
+
+add(10).then(v => {
+  console.log(v);  // виводить 60 через 4 секунди.
+});
+
+
+(async function(x) { // вираз асинхронної функції використовується як НВФВ
+  var p_a = resolveAfter2Seconds(20);
+  var p_b = resolveAfter2Seconds(30);
+  return x + await p_a + await p_b;
+})(10).then(v => {
+  console.log(v);  // виводить 60 через 2 секунди.
+});
+
+ +

Специфікації

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецифікаціяСтатусКоментар
{{SpecName('ESDraft', '#sec-async-function-definitions', 'async function')}}{{Spec2('ESDraft')}}
{{SpecName('ES2018', '#sec-async-function-definitions', 'async function')}}{{Spec2('ES2018')}}
{{SpecName('ES2017', '#sec-async-function-definitions', 'async function')}}{{Spec2('ES2017')}}Початкове визначення.
+ +

Сумісність з веб-переглядачами

+ +
+ + +

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

+
+ +

Див. також

+ + -- cgit v1.2.3-54-g00ecf