Descripción de las tecnologías JavaScript

Mientras que HTML define la estructura y el contenido de una página web y el CSS define el formato y la apariencia, JavaScript agrega interactividad a una página web y crea aplicaciones web enriquecidas.

Sin embargo, el término paraguas "JavaScript", tal como se entiende en un contexto de navegador web, contiene varios elementos muy diferentes. Uno de ellos es el lenguaje principal (ECMAScript), otro es la colección de las APIs Web, incluyendo el DOM (Document Object Model).

EL núcleo del lenguaje JavaScript está estandarizado por el Comité ECMA TC39 como un lenguaje llamado ECMAScript. La última versión de la especificación es ECMAScript 6.0.

Éste núcleo del lenguaje es también usado en ambientes No-Navegadores, por ejemplo en node.js.

Entre otras cosas, ECMAScript define:

• Sintaxis (reglas de análisis, palabras clave, flujos de control, inicialización literal de objetos...).
• Mecanismos de control de errores (throw, try/catch, habilidad para crear tipos de Errores definidos por el usuario).
• Tipos (boolean, number, string, function, object...).
• Los objetos globales. En un navegador, estos objetos globales son los objetos de la ventana, pero ECMAScript solo define APIs no especificas para navegadores, ej. parseInt, parseFloat, decodeURI, encodeURI...
• Mecanismo de herencia basada en prototipos.
• Objetos y funciones incorporadas (JSON, Math, Array.prototype methods, Object introspection methods...)
• Modo estricto.

A partir de Octubre del 2016, la gran mayoria de los navegadores soportan ECMAScript 5.1 y ECMAScript 2015 aka ES6, pero versiones antiguas (aún en uso) implementan ECMAScript 5 solamente.

La 6ta edición principal de ECMAScript fue oficialmente aprobada y publicada como un estándar el 17 de Junio del 2015 por la ECMA General Assembly. Desde entonces las ediciones de ECMAScript son publicadas anualmente.

La ECMAScript Internationalization API Specification es una adición para la especificación del lenguaje ECMAScript, también estandarizada por Ecma TC39. La internacionalización de la API provee intercalación --collation-- (comparación de string), formateo de números, y fomateo de fechas/tiempo para aplicaciones JavaScript, permitiendo que las aplicaciones elijan el idioma y adapten la funcionalidad a sus necesidades. El estandar inicial fue aprobado en Diciembre del 2012; el estado de la implementación en navegadores es rastreado en la documentación de la Intl object. Las especificaciones de la internacionalización son actualmente ratificadas cada año y los navegadores constantemente mejoran su implementación.

Las especificaciones de la WebIDL proporcionan el vínculo de las tecnologías DOM y ECMAScript.

El Document Object Model (DOM) es una convención multiplataforma e independiente del lenguaje para representar e interactuar con objetos en documentos HTML, XHTML y XML. Los objetos en el árbol DOM se pueden abordar y manipular mediante el uso de métodos en los objetos de otras tecnologías. El W3C estandariza el Modelo de Objetos del Documento Central, que define interfaces independientes del lenguaje que abstraen documentos HTML y XML como objetos, y también define mecanismos para manipular esta abstracción. Entre las cosas definidas por el DOM, podemos encontrar:

• La estructura del documento, un modelo de árbol, y la arquitectura de eventos DOM en el nucleo del DOM: Node, Element, DocumentFragment, Document, DOMImplementation, Event, EventTarget, …
• Una definición menos rigurosa de la arquitectura de eventos DOM, así como eventos específicos en eventos DOM.
• Otras cosas como DOM Traversal y el DOM Range.

Desde el punto de vista ECMAScript, los objetos definidos en la especificación DOM se denominan "objetos host".

HTML, el lenguaje de marcado de la Web, se especifica en términos del DOM. Por encima de los conceptos abstractos definidos en DOM Core, HTML también define el significado de los elementos. El DOM HTML incluye cosas como el className propiedad en elementos HTML o API como document.body.

La especificación HTML también define restricciones en los documentos; por ejemplo, requiere que todos los elementos secundarios de un elemento ul que representa una lista desordenada, sean elementos li, ya que representan elementos de la lista. En general, también prohíbe el uso de elementos y atributos que no están definidos en un estándar.

¿Busca Document object, Window object, y los otros elementos DOM? ? Lee la documentación DOM documentation.

• Las funciones setTimeout ysetInterval se especificaron por primera vez en la interfaz de Window en HTML Standard.
• XMLHttpRequest hace posible enviar solicitudes HTTP asincrónicas.
• EL Modelo de Objetos CSS esume las reglas CSS como objetos.
• WebWorkers permite el cálculo paralelo.
• WebSockets permite la comunicación bidireccional de bajo nivel.
• Canvas 2D Context es una API de dibujo para <canvas>.

Como todos los desarrolladores web han experimentado, el DOM es un desastre. La uniformidad del soporte del navegador varía mucho de una característica a otra, principalmente porque muchas características DOM importantes tienen especificaciones muy poco claras (si las hay), y diferentes navegadores web agregan características incompatibles para casos de uso superpuestos (como el modelo de evento de Internet Explorer). A partir de junio de 2011, el W3C y particularmente el WHATWG están definiendo características antiguas en detalle para mejorar la interoperabilidad, y los navegadores a su vez pueden mejorar sus implementaciones basadas en estas especificaciones.

Un enfoque común, aunque quizás no el más confiable, para la compatibilidad entre navegadores es usar bibliotecas de JavaScript, que resumen las funciones DOM y mantienen sus API funcionando igual en diferentes navegadores. Algunos de los frameworks más utilizados son jQuery, prototype, y YUI.