JavaScript discreto

JavaScript no intrusivo es un enfoque general para el uso de JavaScript del lado del cliente en páginas web, de modo que si las características de JavaScript están parcial o totalmente ausentes en el navegador web de un usuario , este note lo menos posible cualquier falta de funcionalidad de JavaScript de la página web. ^{[ 1 ]} El término ha sido utilizado por diferentes redactores técnicos para enfatizar diferentes aspectos del desarrollo web front-end . Para algunos, el término se ha entendido de manera más general como una referencia a la separación de la funcionalidad (la "capa de comportamiento") de la estructura/contenido y presentación de una página web , ^{[ 2 ]} mientras que otros lo han utilizado de manera más precisa para referirse al uso de la mejora progresiva para admitir agentes de usuario que carecen de cierta funcionalidad de JavaScript y usuarios que han deshabilitado JavaScript. ^{[ 3 ]} Siguiendo esta última definición, JavaScript no intrusivo contribuye a la accesibilidad web en la medida en que ayuda a garantizar que todos los usuarios, independientemente de su plataforma informática, tengan un acceso aproximadamente igual a toda la información y funcionalidad de la página web. ^{[ 4 ] [ 5 ]}

Una página web dinámica típica del lado del cliente puede concebirse como compuesta por cuatro partes: el contenido marcado ( HTML ), la hoja de estilos ( CSS ), JavaScript del lado del cliente y objetos incrustados como imágenes. ^{[ 6 ] : 5} La parte de JavaScript del lado del cliente puede concebirse como una mejora de las otras partes al agregar características o funcionalidades que no serían posibles sin JavaScript. ^{[ 6 ] : 3}

El concepto de "no intrusividad" en relación con JavaScript del lado del cliente fue acuñado en 2002 por Stuart Langridge ^{[ 7 ]} en el artículo "DHTML no intrusivo y el poder de las listas desordenadas" ^{[ 8 ]} . En dicho artículo, Langridge defendió una forma de mantener todo el código JavaScript, incluidos los manejadores de eventos, fuera del HTML al usar HTML dinámico (DHTML) ^{[ 7 ]} . Afirmó que el propósito de este tipo de organización del código era "proporcionar una mejor experiencia de usuario para quienes tienen navegadores compatibles y no afectar a quienes no los tienen", además de facilitar la escritura de scripts para los desarrolladores web ^{[ 7 ]} . Posteriormente, Langridge amplió esta idea y enfatizó que el significado central de "no intrusivo" es que "si un navegador web determinado no admite las características de DHTML que se están utilizando, esa ausencia debería afectar la experiencia del usuario lo menos posible". ^{[ 1 ]} En otras palabras, para Langridge, "no intrusivo" se refiere principalmente a la experiencia de los usuarios respecto a la ausencia de características de JavaScript en una situación determinada. ^{[ 1 ]}

Otros autores han descrito variaciones sobre los elementos esenciales de la discreción.

El libro de David Flanagan, JavaScript: The Definitive Guide (2006), afirma que, si bien no existe una fórmula específica, hay tres objetivos principales del JavaScript no intrusivo: ^{[ 4 ]}

• Separar JavaScript del marcado HTML, así como mantener los módulos de JavaScript independientes de otros módulos mediante convenciones básicas como el uso de espacios de nombres para evitar colisiones de espacios de nombres y el uso de código de inicialización de módulos;
• Para que la degradación se produzca de forma controlada, todo el contenido debe estar disponible sin que se ejecute correctamente ninguna parte o la totalidad del código JavaScript;
• Para no obstaculizar la accesibilidad del HTML , e idealmente para mejorarla, tanto si el usuario tiene alguna discapacidad personal como si utiliza un navegador inusual o con una configuración poco común.

El Web Standards Project , en su JavaScript Manifesto (2006), afirmó que "el propósito de JavaScript es mejorar la usabilidad de las páginas web añadiéndoles interacción", y describió cuatro beneficios de la programación no intrusiva del DOM : ^{[ 9 ]}

1. Usabilidad : Un script DOM discreto no llama la atención del usuario; "los visitantes simplemente lo usan sin pensarlo".
2. Degradación elegante : Los scripts DOM discretos nunca generan mensajes de error en ningún navegador, incluso cuando fallan. Si las funciones no se pueden presentar correctamente, desaparecen silenciosamente.
3. Accesibilidad : Si algún script falla, la página seguirá ofreciendo sus funciones e información principales a través del marcado, las hojas de estilo y/o los scripts del lado del servidor.
4. Separación : Para beneficio de otros desarrolladores web, presentes y futuros, todo el código JavaScript se mantiene por separado, sin afectar a otros archivos de script, marcado o código.

Para la Conferencia Web de París de 2007, Christian Heilmann identificó siete reglas de JavaScript no intrusivo, algunas de las cuales tenían un alcance más amplio que otras definiciones más estrechas de "no intrusivo": ^{[ 10 ]}

1. "No haga suposiciones": Las técnicas de programación defensiva deben contemplar la posibilidad de que JavaScript no se ejecute, que el navegador no admita los métodos esperados, que el HTML haya cambiado, que se utilicen dispositivos de entrada inesperados y que otros scripts no estén presentes o invadan el espacio de nombres global.
2. "Encuentra tus ganchos y relaciones", como identificadores y otros aspectos del HTML esperado.
3. Deje el recorrido de los objetos DOM individuales en manos de los expertos, como por ejemplo, el controlador CSS integrado en el navegador, siempre que sea posible.
4. "Comprender los navegadores y a los usuarios", en particular cómo fallan los navegadores, qué suposiciones hacen los usuarios y las configuraciones o usos inusuales.
5. "Comprender los eventos ", incluyendo cómo se "propagan" y las características del Eventobjeto que se pasa a la mayoría de los manejadores de eventos.
6. Para que funcione correctamente con otros scripts, evite usar nombres de funciones y variables globales.
7. "Trabaja para el próximo desarrollador" utilizando nombres de variables y funciones que se expliquen por sí mismos, creando código lógico y legible, haciendo obvias las dependencias y comentando cualquier código que aún pueda resultar confuso.

Las definiciones más amplias de JavaScript no intrusivo tienen mucho en común con las mejores prácticas de programación en general, como la encapsulación y las capas de abstracción , la evitación de variables globales , las convenciones de nomenclatura significativas, el uso de patrones de diseño apropiados y las pruebas sistemáticas . ^{[ 11 ]}