Ejemplo:
let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
Programas JavaScript
Un programa de computadora es una lista de "instrucciones" que una computadora debe "ejecutar".
En un lenguaje de programación, estas instrucciones de programación se denominan declaraciones.
Un programa JavaScript es una lista de declaraciones de programación.
En HTML, los programas JavaScript los ejecuta el navegador web.
Declaraciones JavaScript
Las declaraciones de JavaScript se componen de:
Valores, operadores, expresiones, palabras clave y comentarios.
Esta declaración le dice al navegador que escriba "Hello Dolly." dentro de un elemento HTML con id="demo":
Ejemplo:
<script>
document.getElementById("demo").innerHTML = "Hello Dolly.";
</script>
La mayoría de los programas JavaScript contienen muchas declaraciones de JavaScript.
Las declaraciones se ejecutan, una por una, en el mismo orden en que están escritas.
Los programas JavaScript (y las declaraciones JavaScript) a menudo se denominan código JavaScript.
Punto y coma ;
El punto y coma separa las declaraciones de JavaScript.
Agregue un punto y coma al final de cada declaración ejecutable:
Ejemplo:
let a, b, c; // Declare 3 variables
a = 5; // Assign the value 5 to a
b = 6; // Assign the value 6 to b
c = a + b; // Assign the sum of a and b to c
Cuando están separados por punto y coma, se permiten varias declaraciones en una línea:
Ejemplo:
a = 5; b = 6; c = a + b;
En la web, es posible que vea ejemplos sin punto y coma. No es obligatorio terminar las declaraciones con punto y coma, pero es muy recomendable.
Espacios en blanco JavaScript
JavaScript ignora múltiples espacios. Puedes agregar espacios en blanco a su script para hacerlo más legible.
Las siguientes líneas son equivalentes:
let person = "Hege";
let person="Hege";
Una buena práctica es poner espacios alrededor de los operadores ( = + - * / ):
let x = y + z;
Longitud de línea y saltos de línea JavaScript
Para una mejor legibilidad, los programadores suelen evitar líneas de código de más de 80 caracteres.
Si una declaración de JavaScript no cabe en una línea, el mejor lugar para dividirla es después de un operador:
Ejemplo:
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Bloques de código JavaScript
Las declaraciones de JavaScript se pueden agrupar en bloques de código, dentro de llaves {...}.
El propósito de los bloques de código es definir declaraciones que se ejecutarán juntas.
Un lugar donde encontrará declaraciones agrupadas en bloques es en las funciones de JavaScript:
Ejemplo:
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
En este tutorial utilizamos 2 espacios de sangría para bloques de código. Aprenderás más sobre las funciones más adelante en este tutorial.
Palabras clave JavaScript
Las declaraciones de JavaScript suelen comenzar con una palabra clave para identificar la acción de JavaScript que se realizará.
Nuestra Referencia de palabras reservadas enumera todas las palabras clave de JavaScript.
Aquí hay una lista de algunas de las palabras clave que aprenderá en este tutorial:
| Palabra clave | Descripción |
var | Declara una variable. |
let | Declara una variable de bloque. |
const | Declara un bloque constante. |
if | Marca un bloque de declaraciones que se ejecutarán bajo una condición. |
switch | Marca un bloque de sentencias para ser ejecutadas en diferentes casos. |
for | Marca un bloque de declaraciones para ejecutar en un bucle. |
function | Declara una función. |
return | Retorna de una función. |
try | Implementa el manejo de errores en un bloque de declaraciones. |
Las palabras clave de JavaScript son palabras reservadas. Las palabras reservadas no se pueden utilizar como nombres de variables.
Traducido con 💚 desde W3Schools.com