Viso geral das tecnologias JavaScript

JavaScript, a linguagem principal (ECMAScript)

O ncleo da linguagem JavaScript padronizado pelo comit ECMA TC39 como uma linguagem chamada ECMAScript. A ltima verso da especificao ECMAScript 5.1.

Este ncleo da linguagem tambm usado em ambientes fora do navegador, por exemplo em node.js.

O que se enquadra no escopo ECMAScript?

Entre outras coisas, o ECMAScript define:

• A sintaxe da linguagem (regras de anlise, palavras-chave, controle de fluxo, inicializao de objetos literais...)
• Mecanismos para manuseio de erros (throw, try...catch, habilidade para criar tipos de Error definido pelo usurio)
• Tipos (boolean, number, string, function, object...)
• O objeto global. Num navegador esse objeto global o objeto window, mas o ECMAScript apenas define as APIs, no especificamente para navegadores, por exemplo: parseInt, parseFloat, decodeURI, encodeURI...
• Um mecanismo de herana baseado em prottipo
• Objetos e funes embutidas (JSON, Math, Array, Object introspection...)
• Modo estrito (rigoroso)

Suporte do navegador

Desde Agosto de 2014, as atuais verses dos principais navegadores implementaram o ECMAScript 5.1 e o ECMAScript 2015, mas verses mais antigas continuam usando a implementao do ECMAScript 3 e apenas partes do ECMAScript 5. Navegadores mais modernos j implementaram grande parte do ECMAScript 6.

Futuro

A 6 edio principal do ECMAScript foi oficialmente aprovada e publicada como norma em 17 de junho de 2015 pela Assemblia Geral da ECMA. Desde ento, as Edies ECMAScript so publicadas anualmente.

API de Internacionalizao

A API de Especificao de Internacionalizao do ECMASCRIPT uma adio para a Especificao de Linguagem ECMAScript, tambm padronizada pela Ecma TC39. A API de internacionalizao fornece intercalao (comparao de string), formatao numrica, formatao de data e tempo para aplicaes JavaScript, permitindo que aplicativos escolham o idioma e adaptem a funcionalidade s suas necessidades. O padro foi aprovado em dezembro de 2012; O status das implementaes nos navegadores rastreado na documentao do objeto Intl. A especificao de Internacionalizao hoje em dia tambm ratificada anualmente e os navegadores aprimoram as suas implementaes constantemente.

As APIs Web e o DOM

WebIDL

A Especificao da WebIDL prov a juno entre as tecnologias DOM e o ECMAScript.

O ncleo do DOM

O Document Object Model (DOM) uma conveno multiplataforma e lndependente de linguagem para representao e interao com objetos em documentos HTML, XHTML, e XML. Objetos no DOM tree (rvore do DOM) podem ser adereados e manipulados utilizando mtodos em objetos. A W3C padroniza o Core Document Object Model (Ncleo do Documento do Modelo de Objeto), o qual define interfaces de agnstico de linguagem que abstraem documentos HTML e XML como objetos, e tambm define mecanismos para manipular essa abstrao. Entre as definies do DOM, podemos encontrar:

• A estrutura do documento, um tree model (modelo de rvore), e a arquitetura do DOM Event (Evento do DOM) no DOM core (nceo do DOM): Node, Element, DocumentFragment, Document, DOMImplementation, Event, EventTarget,
• Uma definio menos rigorosa do DOM Event Architecture, assim como eventos especficos no DOM events.
• Outras coisas como o DOM Traversal e o DOM Range.

Pela perspectiva do EXMScript, objetos definidos na especificao do DOM so chamados de "host objects".

HTML DOM

HTML, a linguagem de marcao da Web, especificada nos termos do DOM. Situado alm dos conceitos de abstrao definidos no DOM Core, o HTML tambm define o significado dos elementos. O HTML DOM inclui coisas como a propriedade className em elementos HTML, ou APIs como document.body.

A especificao HTML tambm define restries nos objetos; por exemplo, ela requer que todos os filhos de um elemento ul, que representam uma lista desordenada, sejam elementos li, que representem itens de lista. Em linhas gerais, ele tambm probe o uso de elementos e atributos que no esto definidos em um padro.

Procurando pelo Document object, Window object, e outros elementos DOM? Leia a Documentao do DOM.

Outras APIs de destaque

• As funes setTimeout e setInterval foram inicialmente especificadas na interface Window no Padro HTML.
• XMLHttpRequest. Possibilita enviar requisies HTTP assncronas.
• A Fetch API fornece uma abstrao mais ergonmica para requisies de rede.
• CSS Object Model. O CSSOM utilizado para abstrair regras CSS como objetos
• WebWorkers. API que permite computao paralela.
• WebSockets. API que permite comunicao bi-direcional de baixo-nvel.
• Canvas 2D Context. API de ilustrao (desenho) para o elemento canvas.
• A interface WebAssembly fornece utilitrios para comunicao entre cdigo JavaScript e mdulos WebAssembly.

Ambientes sem navegador (como Node.js) geralmente no tm APIs DOM porque no interagem com um documento mas ainda assim implementam muitas APIs da Web, como fetch() e setTimeout().

Suporte de Navegadores

Todo desenvolvedor j percebeu que o DOM uma baguna. A uniformidade no suporte dos Navegadores varia muito de feature para feature. A principal razo para essa situao o fato de que muitas features importantes do DOM possuem (quando possuem) especificaes no muito claras. Alm disso, diferentes Navegadores adicionaram features incompatveis para a sobreposio de casos de uso (como o event model do Internet Explorer). A atual (Junho de 2011) tendncia que a W3C e particularmente a WHATWG esto definindo features mais antigas em detalhes, a fim de melhorar a interoperabilidade. Seguindo esta tendncia, Navegadores esto melhorando suas implementaes baseados nessas especificaes.

Uma abordagem comum, porm no a mais confivel, para compatibilidade cross-browser utilizar a biblioteca JavaScript. Essas bibliotecas abstrem as features do DOM e garantem que suas API's funcionem de forma similar nos navegadores. Alguns dos frameworks mais utilizados so o jQuery, o prototype, e o YUI.