Declaraciones de JavaScript

Tabla de contenido

    Mostrar tabla de contenidos

Ejemplo

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      //  Statement 4

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>A <b>JavaScript program</b> is a list of <b>statements</b> to be executed by a computer.</p>

<p id="demo"></p>

<script>
let x, y, z;  // Statement 1
x = 5;        // Statement 2
y = 6;        // Statement 3
z = x + y;    // Statement 4

document.getElementById("demo").innerHTML =
"The value of z is " + z + ".";  
</script>

</body>
</html>

Programas JavaScript

Un programa informático es una lista de "instrucciones" que se deben "ejecutado" por una computadora.

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 de JavaScript

Las declaraciones de JavaScript se componen de:

Valores, operadores, expresiones, palabras clave y Comentarios.

Esta declaración le dice al navegador que escriba "Hola Dolly". dentro de un elemento HTML con id="demo":

Ejemplo

document.getElementById("demo").innerHTML = "Hello Dolly.";

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>In HTML, JavaScript statements are executed by the browser.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello Dolly.";
</script>

</body>
</html>

La mayoría de JavaScript Los programas contienen muchas declaraciones de JavaScript.

Las declaraciones se ejecutan, una por una, en el mismo orden en que están escritos.

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:

Ejemplos

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

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>JavaScript statements are separated by semicolons.</p>

<p id="demo1"></p>

<script>
let a, b, c;
a = 5;
b = 6;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

Cuando están separados por punto y coma, se permiten varias declaraciones en una línea:

a = 5; b = 6; c = a + b;

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>Multiple statements on one line are allowed.</p>

<p id="demo1"></p>

<script>
let a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

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.

Espacio en blanco de JavaScript

JavaScript ignora múltiples espacios. Puede 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 de JavaScript y saltos de línea

Para una mejor legibilidad, a los programadores les gusta 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!";

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>
The best place to break a code line is after an operator or a comma.
</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"Hello Dolly!";
</script>

</body>
</html>

Bloques de código JavaScript

Las declaraciones de JavaScript se pueden agrupar en bloques de código, dentro de rizado soportes {...}.

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 Funciones de JavaScript:

Ejemplo

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>JavaScript code blocks are written between { and }</p>

<button type="button" onclick="myFunction()">Click Me!</button>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}
</script>

</body>
</html>

En este tutorial utilizamos 2 espacios de sangría para bloques de código.
Aprenderá más sobre las funciones más adelante en este tutorial.

Palabras clave de 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:

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 ejecutarse en un bucle.

function

Declara una función

return

Sale 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.