Declaraciones JavaScript

Ejm de declaraciones Javascript

Veamos algunos ejms.

var x, y, z; // DECLARACIÓN 1
x=5; // DECLARACIÓN 2
y=6; // DECLARACIÓN 3
z=x+y; // DECLARACIÓN 4

Programas Javascript

Un programa de computadora es una lista de “instrucciones” para ser “ejecutadas” por una computadora. En un lenguaje de programación, estas instrucciones de programación son denominadas declaraciones. Un programa Javascript es una lista de declaraciones de programación.

En HTML, los programas Javascript son ejecutados directamente en el navegador del usuario.

Declaraciones Javascript

Las declaraciones Javascript están compuestas de

  • Valores
  • Operadores
  • Expresiones
  • Palabras clave
  • Comentarios

La siguiente declaración le va a decir al navegador que escriba ‘Hello Dolly’ dentro de un elemento con un id=”demo”.

Ejm

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

A menudo los programas Javascript contienen muchas declaraciones. Dichas declaraciones son ejecutadas una a una, en el orden en que están escritas. Los programas (y declaraciones) Javascript son a menudo llamados código Javascript.

Punto y coma

El punto y coma separa las distintas declaraciones Javascript, por lo que hay que añadir un punto y coma al final de la declaración, de la siguiente manera.

Ejm

var a, b, c;     // DECLARA 3 VARIABLES
a = 5;           // ASIGNA EL VALOR 5 A a
b = 6;           // ASIGNA EL VALOR 6 A b
c = a + b;       // SUMA a Y b

En la web, puedes ver ejemplos sin punto y coma. No se requieren declaraciones finales con punto y coma, pero es muy recomendable.

Espacios en blanco en JavaScript

JavaScript ignora múltiples espacios. Puedes agregar espacios en blanco a tu script para que sea más legible. Las siguientes líneas de código son equivalentes

Ejm

var person = "Hege";
var person="Hege";

Una buena práctica es colocar espacios alrededor de los operadores (= + – * /):

Ejm

var x = y + z

Longitud de línea de JavaScript y saltos de línea

Para una mejor legibilidad, los programadores suelen evitar las líneas de código de más de 80 caracteres. Si una declaración JavaScript no cabe en una línea, el mejor lugar para romperla es después de un operador.

Ejm

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

Bloques de código Javascript

Las declaraciones Javascript pueden ser agrupadas juntas en bloques de código, dentro de corchetes {…}. El propósito de los bloques de código es definir declaraciones las cuales serán ejecutadas juntas. Un lugar donde encontrarás declaraciones agrupadas en bloques es en las funciones de JavaScript.

Ejm

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

Palabras clave en Javascript

Las declaraciones Javascript a menudo comienzan por una palabra clave o keyword para identificar la acción Javascript que se va a tomar. He aquí una lista de algunas de las palabras clave que aprenderás en este curso.

Keyword (Palabra clave) Descripción
break Termina un switch o loop
continue Salta de un bucle y comienza en la parte superior
debugger Detiene la ejecución de JavaScript y llama (si está disponible) a la función de depuración
do … while Ejecuta un bloque de declaraciones y repite el bloque, mientras que una condición es verdadera (true)
for Marca un bloque de sentencias a ejecutar, siempre que una condición sea verdadera (true)
function Declara una función
if… else Marca un bloque de sentencias a ejecutar, dependiendo de una condición
return Sale de una función
switch Marca un bloque de declaraciones a ejecutar, dependiendo de los diferentes casos
try … catch Implementa el manejo de errores en un bloque de declaraciones
var Declara una variable

Las palabras clave de JavaScript son palabras reservadas. Las palabras reservadas no se pueden usar como nombres para variables.