4 declaraciones de JavaScript útiles que debes saber

Las declaraciones de JavaScript nos dan el poder de Implementar diferentes tipos de lógica en nuestro código.. JavaScript nos proporciona varios de ellos, todos los cuales tienen su propio propósito y sintaxis. Entre los ejemplos más conocidos podemos encontrar sentencias de expresiones, sentencias de iteración, sentencias condicionales y más

En el post de hoy ya veremos. cuatro declaraciones de JavaScript menos comunes es posible que no lo haya sabido antes, pero puede profundizar su conocimiento de JavaScript y permitirle escribir mejor código.

1. Declaración vacía

En lugar de cualquier declaración de JavaScript, puede agregar una declaración vacía, que se escribe como un único punto y coma ;. Cuando el intérprete de JavaScript interpreta una declaración vacía, no se ejecuta código, por lo tanto pueden ser útiles para Reemplace las sub-declaraciones que no quiere ejecutar.

Por ejemplo, supongamos que hay una variable llamada tornasol con el valor por defecto neutral. Basado en el valor de otra variable llamada pH, tornasol cambios a cualquiera ácido cuando el pH < 7 or BASIC cuando pH> 7.

Si el valor de pH Resulta ser inválido, se lanza un error. Para condición Así se aplican las siguientes declaraciones condicionales:

 var litmus = 'neutral'; var pH; si (pH> 0 && pH<7) litmus = 'acidic'; else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value"; 

Sin embargo, el conjunto de instrucciones anterior arroja un error cuando pHel valor es 7, que no debería ser el caso.

Cuando pH es 7, tornasol debe mantener su valor por defecto, es decir neutral. Entonces, para un caso como este, agregue una condición cuando pH es 7 con una declaración vacía al final.

 var litmus = 'neutral'; var pH; si (pH> 0 && pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value";

Ahora, cuando pH es 7, el intérprete no ejecuta ninguna instrucción, y tornasol mantiene su valor predeterminado, neutral.

Las declaraciones vacías también se pueden usar para rellenar una matriz con la ayuda de para lazo.

 var ary = []; para (var i = 0; i < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]

Típicamente, un para A la instrucción de bucle le sigue una sub-declaración compuesta por una declaración simple o una instrucción de bloque (la que está incluida en corchetes) para ser ejecutado. Al usar una declaración vacía en lugar de la sub-declaración, el intérprete no tendrá nada que ejecutar después de cada bucle, por lo que Solo el bucle se produce, y las condiciones de bucle se ejecutan.

En el ejemplo anterior, ary [i ++] = i se ejecuta para cada iteración de bucle como parte de la condición de bucle, y la matriz aria se instancia con valores de yo.

2. El depurador Declaración

En herramientas de depuración, podemos agregar marcadores llamado puntos de interrupción a cualquier línea en el código fuente para marca las líneas desde donde la herramienta de depuración comenzará a depurar.

En JavaScript, el depurador declaración Funciona de la misma manera que un punto de ruptura., excepto que es añadido en el código fuente directamente, en lugar de dentro de una herramienta. Cualquier depurador en ejecución detener la ejecución del script cuando llega el depurador Declaración para ayudarte a depurar el código..

Recuerda, la depuración se activará. solo si la secuencia de comandos se ejecuta en un modo de depuración, es decir, un programa de depuración ya se está ejecutando sobre la ejecución del script. Si actualmente no hay ningún programa de depuración en ejecución mientras se interpreta el depurador Declaración, el intérprete continuará su trabajo como si nada hubiera pasado..

Como prueba rápida, ejecute el siguiente código en Codepen, mientras mantiene abierta la herramienta de depuración del navegador:

 console.log ('tesing'); depurador console.log ('declaración de depuración');

Verás un punto de quiebre además del depurador declaración como se muestra a continuación en la herramienta de depuración del navegador.

3. Declaración etiquetada

En JavaScript, también puede agregar etiquetas a ciertas declaraciones. Al hacerlo, puedes Más tarde saltar a la declaración etiquetada usando su etiqueta en su código, mas o menos como el ir declaración funciona en algunos otros idiomas.

Las declaraciones etiquetadas solo pueden usarse junto con el descanso y continuar declaraciones, como en JavaScript no hay literal ir declaración.

Ambos descanso y continuar solo se puede utilizar dentro de sentencias de bucle, como para bucle (con una excepción, descanso se puede utilizar en el cambiar declaración también. Entonces, podemos etiquetar bucles, y usar descanso y continuar para controlar su ejecución.

los sintaxis de las declaraciones etiquetadas es simple, solo necesita agregar el nombre de la etiqueta con los dos puntos siguientes, como se puede ver en el siguiente ejemplo, donde lazo Es el nombre de la etiqueta que agregamos a la para lazo.

 bucle: para (var i = 0; i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

Cuando el valor de yo es 2, la ejecución salta al bucle en lugar de continuar y, por lo tanto, evita que la consola salga “2”.

Ahora veamos otro ejemplo con el descanso declaración. Solo reemplaza el continuar palabra clave con descanso en el ejemplo anterior, y notará que en lugar de saltar al bucle como lo hizo con continuar, el bucle termina / se rompe por completo.

 bucle: para (var i = 0; i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

Los ejemplos anteriores fueron bastante simples para que pueda comprender rápidamente cómo funcionan las declaraciones etiquetadas, pero en la codificación de la vida real, las etiquetas se usan con más frecuencia en los bucles compuestos, cuando es necesario distinguir los diferentes bucles, como en el siguiente ejemplo:

 bucle: para (var i = 0; i<4; i++)  for(var j=0; j<2; j++)  if(i===2 && j===1) break loop; console.log(i+"-"+j); 

Aquí el bucle externo descansos en el valor 2 para la variable yo y en 1 para j, y la consola devuelve el siguiente resultado:

 0-0 0-1 1-0 1-1 2-0

4. El con Declaración

Cuando el intérprete JS viene a través de un nombre no calificado eso no especifica con qué objeto o función está asociada la llamada, busca en la cadena de alcance Para cualquier objeto o función adecuada, la llamada puede referirse a.

Utilizando el con declaración, podemos añadir un objeto en la parte superior de la cadena de alcance, y especifique con qué objeto está asociada la llamada.

En el siguiente ejemplo, puede ver que las propiedades de la persona objeto se llama usando sus nombres solo dentro de la con declaración.

 var person = firstName: "John", lastName: "Doe", age: "18", país: "Greenland"; con (persona) console.log ("Hola, mi nombre es" + firstName + "" + lastName + ". Tengo" + age + "años y vivo en" + country + ".");  // "Hola, mi nombre es John Doe. Tengo 18 años y vivo en Groenlandia".

Compare cómo se vería el código anterior sin usar el con declaración:

 var person = firstName: "John", lastName: "Doe", age: "18", país: "Greenland"; console.log ("Hola, mi nombre es" + person.firstName + "" + person.lastName + ". Tengo" + person.age + "años, y vivo en" + person.country + "." ); // "Hola, mi nombre es John Doe. Tengo 18 años y vivo en Groenlandia".

Puedes ver el con La declaración puede ser un gran atajo si trabaja con muchas propiedades del mismo objeto..

Tenga en cuenta sin embargo, que utilizando el con declaración en modo estricto no está permitido, ya que puede causar cierta confusión de alcance.

Además, solo se aconseja utilizar el con declaración si sus declaraciones internas utilizan el objeto asociado con el con declaración, de lo contrario el intérprete perderá tiempo mirando el objeto mencionado por con en primer lugar, para todos los nombres de propiedades no calificados que luego encuentra dentro de con bloquear.