From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- .../reference/operators/async_function/index.html | 152 +++++++++++++++++++++ 1 file changed, 152 insertions(+) create mode 100644 files/pt-br/web/javascript/reference/operators/async_function/index.html (limited to 'files/pt-br/web/javascript/reference/operators/async_function/index.html') diff --git a/files/pt-br/web/javascript/reference/operators/async_function/index.html b/files/pt-br/web/javascript/reference/operators/async_function/index.html new file mode 100644 index 0000000000..fbd7674f47 --- /dev/null +++ b/files/pt-br/web/javascript/reference/operators/async_function/index.html @@ -0,0 +1,152 @@ +--- +title: Expressão da função async +slug: Web/JavaScript/Reference/Operators/async_function +tags: + - Experimental + - Expressão Primária + - Função + - Operador +translation_of: Web/JavaScript/Reference/Operators/async_function +--- +
{{jsSidebar("Operators")}}
+ +
A palavra chave async pode ser usado para definir funções async dentro das expressões.
+ +
Você tambem pode definir funções async usando a declaração de função async.
+ +

Sintaxe

+ +
async function [nome]([parametro1[, parametro2[, ..., parametroN]]]) {
+    declarações
+}
+ +

Como no  ES2015, você tambem pode usar  arrow functions.

+ +

Parâmetros

+ +
+
nome
+
O nome da função.Pode ser omitida, na qual a função se torna anonima . O nome é somente local para o corpo da função.
+
parametroN
+
O nome do argumento passado para a função.
+
declarações
+
As declarações que compoem o corpo da função .
+
+ +

Descrição

+ +

Uma expressão async function é muito similar, e tem quase a mesma sintaxe de uma {{jsxref('Statements/async_function', 'declaração async function')}}. A principal diferença entre uma expressão async function e uma declaração async function é o nome da função, que pode ser omitido em expressões async function para criar funções anônimas. Uma expressão async function pode ser utilizada como um {{Glossary("IIFE")}} (Immediately Invoked Function Expression, em tradução livre: Expressão de Função Invocada Imediatamente) que roda assim que definido. Veja também o capítulo sobre funções para mais informações.

+ +

Exemplos

+ +

Exemplo simples

+ +
function resolveAfter2Seconds(x) {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve(x);
+    }, 2000);
+  });
+};
+
+(async function(x) { // async function expression usada como uma IIFE
+  var a = resolveAfter2Seconds(20);
+  var b = resolveAfter2Seconds(30);
+  return x + await a + await b;
+})(10).then(v => {
+  console.log(v);  // imprime 60 após 2 segundo.
+});
+
+var add = async function(x) { // async function expression atribuída a uma variável
+  var a = await resolveAfter2Seconds(20);
+  var b = await resolveAfter2Seconds(30);
+  return x + a + b;
+};
+
+add(10).then(v => {
+  console.log(v);  // imprime 60 após 4 segundos.
+});
+
+ +

Especificações

+ + + + + + + + + + + + + + + + +
EspecificaçãoStatusComentário
{{SpecName('ESDraft', '#sec-async-function-definitions', 'async function')}}{{Spec2('ESDraft')}}Definição inicial no ES2017.
+ +

Compatibilidade de navegadores

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet Explorer EdgeOperaSafari (WebKit)
Basic support{{CompatChrome(55)}}{{CompatGeckoDesktop("52.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatOpera(42)}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support{{CompatUnknown}}{{CompatUnknown}}{{CompatGeckoMobile("52.0")}}{{CompatUnknown}}{{CompatOpera(42)}}{{CompatUnknown}}{{CompatChrome(55)}}
+
+ +

Veja também

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