Javascript ECMA-262
Javascript: Diagrama Sintático - Diagrama de Sintaxe, BNF, Comandos, Exemplos
apoie, apoie.org, Javascript, script, statementBlock, statement, ifStatement, forStatement, expr, Comando, BNF, Diagrama Sintático - Diagrama de Sintaxe, Exemplo, Comandos, Linguagem, Filtro, xml, sintaxe, sintaxe original, desenho, programação
Sintaxes (<a href="http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf" target="_blank">ECMA-262</a>) representadas por <a href="DiagramaSintatico.htm" target="_blank">Diagrama Sintático - Diagrama de Sintaxe</a> <a href="Bnf2Ds.html">gerados a partir de</a> <a href="LazyBNFExemplo.htm" target="_blank">BNF</a><a href="http://en.wikipedia.org/wiki/Backus-Naur_Form" target="_blank"></a> <img src="Wikipedia.gif"></a>, <a href="JavascriptIndice.htm">Índice</a>, <a href="JavascriptCS.htm" target="_blank">Guia de visualização rápida</a> e <a href="http://www.w3schools.com/js/js_examples.asp" target="_blank">Exemplos.</a>
<a href="http://pt.wikipedia.org/wiki/Javascript" target="_blank"><img style="border: 0px solid ;" alt="wikipedia" title="Wikipedia" src="Wikipedia.gif"></a> <a href="http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet/" target="_blank">Cheat-sheet</a>
Javascript.xml
~DSGerador~ <a href="http://kaul.inf.h-brs.de/home/www/javascript/javascript_cheat_sheet.png" target="_blank">Referência rápida (Cheat Sheet)</a>
http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf
Program
[SourceElement+]
<img src="JavascriptProgram.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript Program" title="Diagrama Sintático - Diagrama de Sintaxe Javascript Program"/>
SourceElement
Statement | FunctionDeclaration
<img src="JavascriptSourceElement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript SourceElement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript SourceElement"/>
FunctionDeclaration
function Identifier FormalParameterList FunctionBody
<img src="JavascriptFunctionDeclaration.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript FunctionDeclaration" title="Diagrama Sintático - Diagrama de Sintaxe Javascript FunctionDeclaration"/>
FunctionExpression
function Identifier? FormalParameterList FunctionBody
<img src="JavascriptFunctionExpression.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript FunctionExpression" title="Diagrama Sintático - Diagrama de Sintaxe Javascript FunctionExpression"/>
FormalParameterList
'(' [Identifier ( ',' Identifier)*] ')'
<img src="JavascriptFormalParameterList.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript FormalParameterList" title="Diagrama Sintático - Diagrama de Sintaxe Javascript FormalParameterList"/>
FunctionBody
'{' [SourceElement+] '}'
<img src="JavascriptFunctionBody.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript FunctionBody" title="Diagrama Sintático - Diagrama de Sintaxe Javascript FunctionBody"/>
Statement
Block VariableStatement | <br>
EmptyStatement | ExpressionStatement | <br>
IfStatement | <br>IterationStatement
ContinueStatement | <br>BreakStatement | <br>
ReturnStatement | WithStatement | <br>
LabelledStatement | <br>
SwitchStatement ThrowStatement | <br>
TryStatement | DebuggerStatement
<img src="JavascriptStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript Statement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript Statement"/>
Block
'{' StatementList '}'
<img src="JavascriptBlock.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript Block" title="Diagrama Sintático - Diagrama de Sintaxe Javascript Block"/>
StatementList
[Statement+]
<img src="JavascriptStatementList.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript StatementList" title="Diagrama Sintático - Diagrama de Sintaxe Javascript StatementList"/>
VariableStatement
var Identifier ['=' AssignmentExpression] (',' Identifier ['=' AssignmentExpression])* ';'
<img src="JavascriptVariableStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript VariableStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript VariableStatement"/>
VariableDeclarationListNoIn
Identifier ['=' AssignmentExpressionNoIn] (',' Identifier ['=' AssignmentExpressionNoIn])*
<img src="JavascriptVariableDeclarationListNoIn.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript VariableDeclarationListNoIn" title="Diagrama Sintático - Diagrama de Sintaxe Javascript VariableDeclarationListNoIn"/>
EmptyStatement
';'
<img src="JavascriptEmptyStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript EmptyStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript EmptyStatement"/>
ExpressionStatement
[lookahead 'nao pertence' '{''{'',' function'}'] Expression ';'
<img src="JavascriptExpressionStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript ExpressionStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript ExpressionStatement"/>
IfStatement
if '(' Expression ')' Statement [else Statement]
<img src="JavascriptIfStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript IfStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript IfStatement"/>
IterationStatement
do Statement while '(' Expression ')' ';' | while '(' Expression ')' Statement | <br> for '(' (ExpressionNoIn? | var VariableDeclarationListNoIn)
';' Expression? ';' Expression? ')' Statement | <br>
for '('(LeftHandSideExpression | var VariableDeclarationNoIn)in Expression ')' Statement
<img src="JavascriptIterationStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript IterationStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript IterationStatement"/>
ContinueStatement
continue [no LineTerminator here] Identifier? ';'
<img src="JavascriptContinueStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript ContinueStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript ContinueStatement"/>
BreakStatement
break [no LineTerminator here] Identifier? ';'
<img src="JavascriptBreakStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript BreakStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript BreakStatement"/>
ReturnStatement
return [no LineTerminator here] Expression? ';'
<img src="JavascriptReturnStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript ReturnStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript ReturnStatement"/>
WithStatement
with '(' Expression ')' Statement
<img src="JavascriptWithStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript WithStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript WithStatement"/>
SwitchStatement
switch '(' Expression ')' CaseBlock
<img src="JavascriptSwitchStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript SwitchStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript SwitchStatement"/>
CaseBlock
'{' CaseClauses [DefaultClause CaseClauses] '}'
<img src="JavascriptCaseBlock.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript CaseBlock" title="Diagrama Sintático - Diagrama de Sintaxe Javascript CaseBlock"/>
CaseClauses
'O' (('case' Expression ':')+ StatementList)+
<img src="JavascriptCaseClauses.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript CaseClauses" title="Diagrama Sintático - Diagrama de Sintaxe Javascript CaseClauses"/>
DefaultClause
default ':' StatementList
<img src="JavascriptDefaultClause.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript DefaultClause" title="Diagrama Sintático - Diagrama de Sintaxe Javascript DefaultClause"/>
LabelledStatement
Identifier ':' Statement
<img src="JavascriptLabelledStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript LabelledStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript LabelledStatement"/>
ThrowStatement
throw [no LineTerminator here] Expression ';'
<img src="JavascriptThrowStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript ThrowStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript ThrowStatement"/>
TryStatement
try Block (Catch | Finally | Catch Finally)
<img src="JavascriptTryStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript TryStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript TryStatement"/>
Catch
catch'(' Identifier ')' Block
<img src="JavascriptCatch.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript Catch" title="Diagrama Sintático - Diagrama de Sintaxe Javascript Catch"/>
Finally
finally Block
<img src="JavascriptFinally.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript Finally" title="Diagrama Sintático - Diagrama de Sintaxe Javascript Finally"/>
DebuggerStatement
debugger ';'
<img src="JavascriptDebuggerStatement.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript DebuggerStatement" title="Diagrama Sintático - Diagrama de Sintaxe Javascript DebuggerStatement"/>
AssignmentExpression
[(LeftHandSideExpression AssignmentOperator)+] ConditionalExpression
<img src="JavascriptAssignmentExpression.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript AssignmentExpression" title="Diagrama Sintático - Diagrama de Sintaxe Javascript AssignmentExpression"/>
AssignmentOperator
'= *= /= %= += -= <<= >>= >>>= &= ^= |='
<img src="JavascriptAssignmentOperator.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript AssignmentOperator" title="Diagrama Sintático - Diagrama de Sintaxe Javascript AssignmentOperator"/>
ConditionalExpression
OperadorUnario? PostfixExpression { OperadorBinario OperadorUnario? PostfixExpression } O '?' AssignmentExpression ':' AssignmentExpression
<img src="JavascriptConditionalExpression.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript ConditionalExpression" title="Diagrama Sintático - Diagrama de Sintaxe Javascript ConditionalExpression"/>
PostfixExpression
LeftHandSideExpression ["++"|"--"]
<img src="JavascriptPostfixExpression.png" alt="Diagrama Sintático - Diagrama de Sintaxe Javascript PostfixExpression" title="Diagrama Sintático - Diagrama de Sintaxe Javascript PostfixExpression"/>
OperadorBinario
Operadores Binários com suas prioridades<br>
<ol>
<li>< > <= >= instanceof in</li>
<li>== != === !==</li>
<li>|| && | ^ &</li>
<li>* / %</li>
<li>+ -</li>
</ol>