aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/javascript/reference/operators/expression_closures/index.html
blob: afae2c04597de20342ef49df78c7da7ca3279b64 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
---
title: Expression closures
slug: Web/JavaScript/Reference/Operators/Expression_closures
translation_of: Archive/Web/JavaScript/Expression_closures
---
<div>{{JSSidebar("Operators")}}{{Non-standard_Header}}{{Obsolete_Header("gecko60")}}
<div class="warning"><strong>Não padronizado. Não use!</strong><br>
A síntaxe expressão closure syntax é uma feature especifica ao Firefox que foi deprecada e foi removida a partir do Firefox 60. Para usos futuros considere usar <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">arrow functions</a>.</div>
</div>

<p>Expressões fechamentos são uma  forma curta de sintaxe de função para escrever funções simples.</p>

<h2 id="Síntaxe">Síntaxe</h2>

<pre class="syntaxbox">function [<em>nome</em>]([<em>param1</em>[, <em>param2[</em>, ..., <em>paramN</em>]]])
   <em>expressão</em>
</pre>

<h3 id="Parâmetros">Parâmetros</h3>

<dl>
 <dt><code>nome</code></dt>
 <dd>O nome da função. Pode ser omitido, passando a ser nesse caso uma função <em>anónima</em>. O nome só é local ao corpo da função.</dd>
 <dt><code>paramN</code></dt>
 <dd>Nome do parâmetro a ser passado à função. Uma função pode receber até 255 argumentos.</dd>
 <dt><code>expressão</code></dt>
 <dd>A expressão pela qual o corpo da função é composta</dd>
</dl>

<h2 id="Descrição">Descrição</h2>

<p>Esta adição é nada mais que uma maneira reduzida de escreve funções simples, dando à linguagem algo semelhante a <a class="external" href="http://en.wikipedia.org/wiki/Lambda_calculus#Lambda_calculus_and_programming_languages">Notação Lambda</a>.</p>

<p>JavaScript 1.7 e anterior:</p>

<pre class="brush: js">function(x) { return x * x; }</pre>

<p>JavaScript 1.8:</p>

<pre class="brush: js">function(x) x * x</pre>

<p>Esta Síntaxe permite omitir as chavetas e o 'return' - fazendo-os implícitos. Não benifício adicional em escrever código desta forma para além de ser sintáticamente reduzido.</p>

<h2 id="Exemplos">Exemplos</h2>

<p>Uma maneira reduzida de fazer bind de EventListeners:</p>

<pre class="brush: js"> document.addEventListener('click', function() false, true);
</pre>

<p>Usando esta função com algumas funções de array do JavaScript 1.6:</p>

<pre class="brush: js">elems.some(function(elem) elem.type == 'text');
</pre>

<h2 id="Compatibilidade_do_Browser">Compatibilidade do Browser</h2>



<p>{{Compat("javascript.operators.expression_closures")}}</p>

<h2 id="Ver_também">Ver também</h2>

<ul>
 <li>{{JSxRef("Functions_and_function_scope", "Functions and function scope")}}</li>
 <li>{{JSxRef("Function")}}</li>
 <li>{{JSxRef("Statements/function", "function statement")}}</li>
 <li>{{JSxRef("Operators/function", "function expression")}}</li>
 <li>{{JSxRef("Statements/function*", "function* statement")}}</li>
 <li>{{JSxRef("Operators/function*", "function* expression")}}</li>
 <li>{{JSxRef("GeneratorFunction")}}</li>
</ul>