Cómo utilizar declaraciones de JavaScript en sus programas

Las declaraciones de JavaScript controlan el flujo general de los programas de JavaScript. Las declaraciones se utilizan para declarar variables y gestionar procesos iterativos, y también se pueden utilizar para declarar clases y funciones.

A diferencia de las propiedades, métodos y eventos, que son inseparables del objeto que los posee, las declaraciones funcionan de forma independiente. Eso significa que puede usar una declaración en cualquier contexto, ya sea que esté programando una aplicación del lado del cliente o del lado del servidor. Como lenguaje, JavaScript admite relativamente pocas declaraciones, las suficientes para construir aplicaciones funcionales.

Este artículo cubre una muestra de declaraciones de JavaScript que probablemente verá y utilizará en sus programas de JavaScript. Algunas de las declaraciones incluidas aquí, a saber, comment, lety new—son declaraciones. Si las declaraciones también pueden ser declaraciones es un tema de debate, pero generalmente se tratan como tales en los programas.

Declaraciones de JavaScript y cómo usarlas

Las siguientes declaraciones de JavaScript se presentan con ejemplos de código:

• //
• for
• for…in
• if…else
• function
• new
• return
• this
• var, let, const
• while
• do…while
• with
• break
• continue
• switch
• try, catch, finally, throw

Comentario (//)

El comentario (//) la sintaxis le dice a JavaScript que desea incluir comentarios explicativos en su programa. El comentario termina en el primer retorno (salto de línea) que sigue a la declaración. JavaScript no impone ningún límite a la longitud de un comentario, siempre y cuando no haya un retorno definitivo antes de que finalice. JavaScript asume que cualquier texto después de una devolución definitiva es un código válido. A continuación se muestra un ejemplo de un comentario en código:

// This is a simple comment

Aunque el comentario llega a la segunda línea, la primera línea termina con un «retorno suave» en el programa de edición de texto. No se inserta ningún carácter de retorno forzoso.

Puedes colocar el // caracteres en cualquier lugar de una línea. JavaScript tratará todo el texto en esa línea siguiendo el // como comentario:

MyVariable="This is a test" // assigns text variable MyVariable

Los comentarios se ignoran cuando se ejecuta un script, por lo que no afectan en gran medida la velocidad de ejecución. La mayoría de los canales de compilación eliminarán los comentarios antes de enviar el código por cable.

Al escribir comentarios largos, es mejor utilizar la sintaxis de comentarios alternativa de /* y */. El texto entre estos caracteres se trata como un comentario:

/* This section checks to see if the Enter key is pressed…

then continues on */

Alternativamente, puede comenzar cada nueva línea con un //:

// This section checks to see if the Enter key is pressed…

// then continues on

Los comentarios técnicamente no se consideran declaraciones, pero la forma en que los usamos es similar, por lo que he incluido la sintaxis aquí.

para

De todos los elementos de la programación estructurada, for es un campeón. Brinda a los desarrolladores la capacidad de realizar acciones repetidamente, según una condición. Junto con if, for es un componente fundamental de todo software.

El for La declaración repite un bloque de instrucciones una o más veces. El número de iteraciones está controlado por los valores proporcionados como argumentos. Aquí está la sintaxis de un for declaración:

for (InitVal; Test; Increment) 

• InitVal es el valor inicial de la for bucle. Suele ser 0 o 1, pero puede ser cualquier número. InitVal es una expresión que establece el valor inicial y lo asigna a una variable. Por ejemplo, count=0 o i=1.
• Test es la expresión utilizada por el for declaración para controlar el número de veces que se itera el bucle. Siempre y cuando el Test la expresión es verdadero, el bucle continúa. Cuando el Test la expresión resulta falsa, el ciclo termina. Como ejemplo, count<10 es verdadero siempre que el valor de la variable de conteo sea menor que 10.
• Increment indica como quieres el for bucle para contar: de uno, de dos en dos, de cinco en cinco, de decenas, etc. Esta también es una expresión y generalmente toma la forma de countVar++dónde CountVar es el nombre de la variable asignada por primera vez en el InitVal. Como ejemplo, count++ aumenta el valor de la count variable en uno para cada iteración.

A diferencia de todas las demás construcciones en JavaScript, el for La declaración utiliza punto y coma en lugar de comas para separar sus argumentos. Esta es la misma sintaxis utilizada en C, C++ y Java.

He aquí un ejemplo de un for bucle que cuenta del 1 al 10, avanzando un dígito a la vez. En cada iteración, el script inserta algo de texto y comienza una nueva línea. El JavaScript que desea repetir está entre llaves ({ }) siguiendo el for declaración; esto forma el for bloque de declaración. Puede proporcionar una línea o muchas dentro de los caracteres de llave:

for (count=1; count<=10; count++) {
    console.log("Iteration: "+count);
}

Recuerda eso count es el nombre de la variable utilizada para almacenar el for contador de bucle. El ciclo comienza con 1 y continúa hasta 10. La expresión de prueba es count<=10que dice:

Count is less than or equal to 10

Mientras esta expresión sea cierta, el for el bucle continúa. Tenga en cuenta que el Increment El argumento es también una expresión. En este ejemplo, Increment utiliza el count variable para incrementar el for bucle por 1 para cada iteración. Sin embargo, no existe ninguna ley que indique que debas incrementar en unidades. Aquí tienes un ejemplo que cuenta por decenas, de 10 a 100:

for (count=1; count<101; count+=10) {
    document.write ("Iteration: "+count);
}

Con el for loop en tu bolsillo, tienes una herramienta versátil y duradera para toda una vida de viajes en el mundo de la programación.

para…en

El for…in La declaración es una versión especial de la for declaración. Esta sintaxis se utiliza para mostrar los nombres de propiedades y/o el contenido de los objetos. Esto es común cuando se trata de objetos de datos JSON.

A diferencia del for declaración, for…in no utiliza pruebas incrementales ni otras expresiones. Usted proporciona el nombre de una variable de retención (el nombre de la variable depende de usted) y el objeto que desea utilizar. Aquí está la sintaxis básica:

for (iterator in object) {
  statements
}

• iterator es el nombre de una variable.
• object es el objeto que desea examinar.
• statements Hay una o más instrucciones de JavaScript que desea ejecutar para cada propiedad devuelta por el for…in bucle.

A continuación se muestra un ejemplo sencillo del uso for…in:

const person = {
  name: "Harsha Suryanarayana",
  occupation: "Software Engineer"
};

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

Esto genera el name y occupation etiquetas con sus valores.

si… si no

El if declaración, junto con su opcional else, se utiliza para construir una expresión «si es condicional». Dice: Si algo es verdad, entonces haz esto. El if declaración se llama expresión condicional porque prueba una condición específica. Las siguientes reglas se aplican cuando se utiliza if…else declaraciones:

• Si la expresión es verdadera, el script ejecuta las instrucciones siguientes if declaración.
• Si la expresión es falsa, el script salta a las instrucciones que siguen al else declaración.
• Si no hay else declaración, el guión salta más allá de la if declaración por completo y continúa desde allí.

Como for, if es un componente fundamental del software. Los desarrolladores lo utilizan para bifurcar el flujo de control de una manera clara y fácil de entender.

La sintaxis para if es:

if (expression)

El resultado de la if La expresión siempre es verdadera o falsa. La siguiente sintaxis, sin corchetes que encierren los bloques, es aceptable cuando solo hay una instrucción después de la if y else declaraciones:

if (test > 10)
    console.log(‘more than 10’);
else
    console.log(‘less than 10’);

Podrías escribir esto aún más compacto, como:

if (test > 10) console.log("more than 10"); else console.log("less than 10");

Si más de una instrucción sigue la if o else declaración, debe utilizar llaves (llaves) para definir una if bloque de declaración. Con las llaves colocadas, JavaScript sabe ejecutar todas las instrucciones dentro del bloque:

if (test > 10) {
  count = 1;
  console.log("more than 10");
} else {
  count = 0; 
  console.log("less than 10");
}

También puedes encadenar muchos if-else-if declaraciones juntas:

if (test > 10) {
  console.log("more than 10"); 
} else if (test == 10) {
  console.log("10"); 
} else {
  console.log("less than 10");

función

Las funciones son otra parte fundamental de la programación estructurada. El function La declaración le permite crear sus propias funciones definidas por el usuario, así como objetos y métodos definidos por el usuario para ellas. Las funciones son rutinas autónomas que se pueden «llamar» en cualquier otro lugar dentro de su código JavaScript. Junto con los bucles y los condicionales, las funciones son un medio esencial para organizar el software.

JavaScript tiene un sistema de funciones muy poderoso, donde se puede hacer referencia a las funciones como a cualquier otra variable. Esto se conoce como “funciones de primera clase” y es una gran fuente de potencia y flexibilidad de JavaScript.

A continuación se muestra un ejemplo del uso básico de una función:

function add(number1, number2){
  return number1 + number2;
}

Puedes llamar a esta función así: add(10, 5).

En cierto modo, las funciones son como extensiones personalizadas del lenguaje JavaScript. Se pueden usar en cualquier lugar donde usarías una declaración y su valor de retorno es similar a una variable: console.log(add(10,5)) Enviará el número 15 a la consola.

Otra sintaxis para definir funciones es:

let multiply = function(number1, number2){ 
return number1 * number2; 
}

Ambas sintaxis son comunes y aceptables. También encontrará la declaración de función en línea en literales JSON:

let json = { 
    subtract: function (number1, number2){ 
        return number1 - number2;
    } 
}

Podríamos llamar a esta función con el operador punto: json.subtract(10,5).

nuevo

El new La declaración se utiliza principalmente para crear un nuevo objeto:

let myInstance  = new MyObject(params);

• myInstance es el nombre de la nueva instancia del objeto. Los nombres aceptables son los mismos que para las variables de JavaScript. Puede considerar el objeto creado como una variable de JavaScript. (Los objetos son, de hecho, tipos de datos personalizados).
• Tipos de objetos (como MyObject) son normalmente El caso de Carmelcon la primera letra en mayúscula, mientras que las instancias de objetos (como myInstance) son normalmente el caso de Carmelcon la primera letra en minúscula.
• params son uno o más parámetros que se pasan a la función del objeto, si es necesario.

Hay varias formas de crear un tipo de objeto en JavaScript. Por ejemplo, podríamos utilizar el class sintaxis y la new declaración para crear una instancia:

class Person {
  constructor(name) {
    this.name = name;
  }
}

let person = new Person("John");

devolver

El return La declaración se utiliza para marcar el final de una función y, opcionalmente, devuelve un valor. Cuando JavaScript encuentra esta declaración, «regresa» al lugar donde se llamó la función. El return La declaración se puede utilizar con y sin un valor de retorno.

• Si se incluye un valor, la función devuelve ese valor.
• Si no se incluye ningún valor, la función devuelve indefinido.

El return La declaración no se puede utilizar fuera de una función. JavaScript informa un error si intenta utilizar return fuera de una función. He aquí dos ejemplos de returncon y sin valor:

function myFunc() { var outString = "This is a test"; return OutString; }
function myFunc() { outString = "This is a test"; return; }

En JavaScript moderno, tiene algunas opciones interesantes para manejar los valores de retorno. Por ejemplo, puedes devolver un objeto y utilizar la desestructuración para «explotarlo» en valores discretos:

function getUserInfo(name) {
  return { name, age: 25, city: "New York" };
}
const { name, age, city } = getUserInfo("Alice");
console.log(`${name} is ${age} years old and lives in ${city}`);

este

El this La palabra clave (técnicamente no es una declaración) se refiere al objeto actual y es una abreviatura del uso del nombre formal del objeto. Usando this le da una referencia al «alcance» actual del código. Es decir, le permite controlar la configuración inmediatamente mayor donde se mantienen las variables. Hay algunos matices en cómo this se comporta y resuelve, especialmente con respecto a los cierres, pero en general, si recuerdas que se refiere al objeto contenedor inmediato, estarás bien.

Como ejemplo típico, considere nuestro subtract función de antes.

let json = { 
    subtract: function (number1, number2){ 
        console.log("this: " + this);
        return number1 - number2;
    } 
}

En este caso, el json El objeto en sí resolverá la llamada a this y entonces la salida de la consola será: this: [object Object].

var, dejar, constante

El var, lety const Las declaraciones se utilizan para declarar una referencia de variable. Es importante observar que var es un estilo antiguo y generalmente está en desuso en favor de let. Esto es porque var “eleva” la variable a la parte superior de su alcance, mientras que let lo restringe al bloque actual. El const Mientras tanto, la declaración crea una variable que el intérprete no permitirá modificar (es decir, una variable «inmutable»).

He aquí un ejemplo:

let myVariable = “foo”;
const myOtherVariable = “bar”;

Ahora el myOtherVariable La referencia no se puede cambiar.

A pesar de const evita que una referencia cambie, no impide que se cambien las partes internas de un objeto o matriz:

const myArray = {0,1,1,3,4};
myArray[2] = 2; // this is OK

mientras

El while La declaración configura un bucle repetitivo único que hace que el script repita un conjunto dado de instrucciones, similar a for. El bucle continúa mientras la expresión en el while afirmación es verdadera. Cuando el while La declaración resulta falsa, el bucle se rompe y el guión continúa. Cualquier código JavaScript dentro del while bloque de declaración: definido por llaves (alias llaves): se considera parte del bucle y se repite. Aquí está la sintaxis del while declaración:

while (Expression)  {
    // stuff to repeat
}