Página 9 de 74
Lección: Estructura de JavaScript
En esta lección fundamental de JavaScript desde cero, se explica cómo organizar e integrar código en un proyecto web. Aprenderás desde la inserción de scripts hasta las reglas de sintaxis que rigen las declaraciones y comentarios dentro del lenguaje.
¿De qué trata esta lección?
El objetivo central es comprender la anatomía básica de un archivo de JavaScript y cómo el navegador interpreta las instrucciones. A lo largo del video se detallan los siguientes puntos clave:
- Integración con HTML: Se explora el uso de la etiqueta < script >. Se destaca que puede contener código interno o enlazar archivos externos mediante el atributo src.
- Ubicación recomendada: Aunque es posible colocar los scripts en cualquier parte, se recomienda insertarlos al final del body. Esto asegura que el HTML y el CSS carguen primero, mejorando la velocidad percibida de la página.
- Sentencias o Declaraciones (Statements): Las instrucciones en JavaScript se conocen como declaraciones. Aunque el motor del navegador puede inferir el final de una línea, la buena práctica dicta separar cada instrucción con un punto y coma (;) para evitar errores inesperados en la ejecución.
- Bloques multilínea: Se aclara que una sola declaración puede ocupar varias líneas (por ejemplo, operaciones matemáticas largas) sin que el motor de JavaScript lo interprete como órdenes distintas, siempre que la lógica sea continua.
- Uso de Comentarios: Herramienta esencial para documentar el código o anular funciones temporalmente sin borrarlas.
- Comentarios de una línea: Iniciados con //.
- Comentarios multilínea: Delimitados por /* y */.
Resumen de la lección
- Utiliza la etiqueta < script > preferiblemente antes del cierre del cuerpo del documento.
- Escribe declaraciones claras y finalízalas siempre con ; para mantener un código robusto.
- Emplea comentarios para organizar tus ideas y facilitar el mantenimiento futuro de tus desarrollos.
9. Estructura de JavaScript
