Declaraciones en JavaScript

Jan 24 2023

Las declaraciones de JavaScript son un bloque de código que completa alguna acción o tarea. De forma predeterminada, el intérprete de JavaScript ejecuta estas declaraciones una tras otra en el orden en que se escriben.

Tratemos de entender los diferentes tipos de declaraciones en JS a continuación

1. Declaraciones de expresión

Las expresiones que tienen efectos secundarios se consideran declaraciones de expresión , como declaraciones de asignación, invocación de función, operadores de incremento y decremento, ++ y — relacionados con declaraciones de asignación y operadores de eliminación.

let greeting = “Hello “ + name; //assignment statement
counter ++; // increment operator which is changing a variable value
delete o.x; // deleting a property of an object O
cx = Math.cos(x);; // function invocation and assign the value to a variable

Una sola instrucción puede contener más de una subinstrucción y se considera una instrucción compuesta o un bloque de instrucción en JS. Las siguientes líneas actúan como una declaración única.

{ 
 x = Math.PI; 
 cx = Math.cos(x);
 console.log(“cos(π) = “ + cx);
}

3. Declaración condicional

Declaraciones que hacen que el intérprete de JS ejecute u omita otras declaraciones según el valor de una expresión, como las declaraciones if y switch .

3.1 Declaración if
La declaración de control fundamental que permite a JS tomar decisiones y ejecutar declaraciones condicionalmente.

//syntax
If (expression) 
 Statement1
else 
 Statement 2

//example
if (n === 1) { //curly braces are optional in case of single statement
 console.log("You have 1 new message.");
} else {
 console.log(`You have ${n} new messages.`);
}

3.2 Declaración de cambio
Cuando el valor de la misma expresión se puede usar para tomar una decisión entre más de 2 opciones para tales casos, JS proporciona una declaración de cambio.

//Syntax
switch(expression) {
 case label1: statement1; // if expression value === label1 execute statement1
 case label2: statement2; // if expression value === label2 execute statement2
 … 
 default: default_statement; // optional
}

//Example:
switch(n) {
  case 1:                        
   // Start here if n === 1.(sameness is determined by the === operator)
   // Execute code block #1.
   break;                         // stop here
  case 2:                         
    // Start here if n === 2
    // Execute code block #2.
   break;                         // Stop here
  case 3:                         
    // Start here if n === 3
    // Execute code block #3;
   break;                         // Stop here
  default:                        
    // If no case match the value of n
    // Execute code block #4.
}

4. Declaración de bucles

Instrucciones que ejecutan otras instrucciones de forma repetitiva, como while y for.

4.1 Ciclo while
El intérprete primero evalúa la expresión . Si el valor de la expresión es falso, el intérprete salta la instrucción que sirve como cuerpo del bucle y pasa a la siguiente instrucción del programa. Si, por el contrario, la expresión es verdadera, el intérprete ejecuta el enunciado y lo repite.

//Syntax
while (expression) { //curly braces are optional in case of single statement
  //statment or statement block
}

//Example
let count = 0;
while(count < 10) {
 console.log(count);
 count++;
}

//Syntax
do { //curly braces are optional in case of a single statement
 //statement / statement block
} 
while (expression);

//Example
let count = 0;
do {
 console.log(count);
 count++;
}
while (count < 10);

//syntax
for(initialize ; test ; increment) { //curly braces are optional in case of single statement
 //statement / statement block
}
//Example:
for(let count = 0; count < 10; count++) {
 console.log(count);
}

//Syntax with example
let data = [1, 2, 3, 4, 5, 6, 7, 8, 9], sum = 0;
for(let element of data) {
 sum += element;
}

// for of with map
let m = new Map([[1, "one"]]);
for(let [key, value] of m) {
 key    // => 1
 value  // => "one"
}

//syntax
for (variable in object) {
 //statement / statement block
}

//Example:
for(let p in o) { // Assign property names of o to variable p
 console.log(o[p]); // Print the value of each property
}

Declaraciones que hacen que el intérprete salte a otra parte del programa, como break , return y throw .

5.1 Etiquetado
Cualquier declaración puede etiquetarse precediéndola de un identificador y dos puntos: Al etiquetar una declaración, le da un nombre que puede usar para referirse a ella en cualquier otra parte de su programa.

//syntax
identifier: statement

//example
mainloop: while(token !== null) {
 // Code omitted…
 continue mainloop; // Jump to the next iteration of the named loop(mainloop)
 // More code omitted…
}

5.2 Continuar
Cuando se ejecuta la instrucción continuar, la iteración actual del ciclo envolvente finaliza y comienza la siguiente iteración.

//example
for(let i = 0; i < data.length; i++) {
 if (!data[i]) continue; // jump to the next iteration of the loop
 total += data[i];
}

//syntax
return expression;

//Example
function square(x) { return x*x; } // A function that has a return statement
square(2) // => 4

// A generator function that yields a range of integers
function* range(from, to) {
  for(let i = from; i <= to; i++) {
    yield i;
  }
}

try/catch/finally
La declaración try/catch/finally es el mecanismo de manejo de excepciones de JavaScript.

//syntax
try {
 //Normally, this code runs from the top of the block to the bottom
 //without problems. But it can sometimes throw an exception,
 //either directly or with a throw statement.
} catch(e) {
 // The statements in this block are executed if, and only if, the try
 // block throws an exception. These statements can use the local variable
 // e to refer to the Error object or other value that was thrown.
} finally {
 // This block contains statements that are always executed, regardless of
 // what happens in the try block. They are executed whether the try
 // block terminates:
}

//example
try {
  // Ask the user to enter a number
  let n = Number(prompt("Please enter a positive integer", ""));
  // Compute the factorial of the number, assuming the input is valid
  let f = factorial(n);
  // Display the result
  alert(n + "! = " + f);
} catch(e) {     // If the user's input was not valid, we end up here
  alert(e);  // Tell the user what the error is
}

Estas próximas publicaciones serán parte de una serie que discutirá temas básicos y avanzados sobre JavaScript.

Si disfrutó de esta historia, haga clic en el botón y compártala para que otros también puedan encontrarla. Además, siéntase libre de dejar un comentario a continuación.

Groww Engineering publica anécdotas técnicas, las últimas tecnologías y mejores formas de abordar problemas comunes de programación. Puede suscribirse aquí para obtener las últimas actualizaciones.