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
, let
y 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 lafor
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
oi=1
.Test
es la expresión utilizada por elfor
declaración para controlar el número de veces que se itera el bucle. Siempre y cuando elTest
la expresión es verdadero, el bucle continúa. Cuando elTest
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 elfor
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 decountVar++
dónde CountVar es el nombre de la variable asignada por primera vez en elInitVal
. Como ejemplo,count++
aumenta el valor de lacount
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<=10
que 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 elfor…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 laif
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 (comomyInstance
) 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 return
con 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
, let
y 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
}