Noticias Raspberry Pi

Usando la palabra clave let de JavaScript

Esta guía le mostrará cómo usar la palabra clave let en JavaScript al declarar una variable.

La palabra clave let es una de las muchas formas de declarar una variable en JavaScript.

Antes del estándar ES6, declarabas una variable en JavaScript usando la palabra clave var.

El uso de la palabra clave let para declarar una variable tendrá lo que se denomina «ámbito de bloque». Esta guía explicará qué es el «alcance de bloque» y por qué es importante.

Cuando una variable se define usando la palabra clave let, todavía tiene un alcance global y un alcance de función, tal como lo haría con la palabra clave var.

Además, mostramos la diferencia entre usar la palabra clave var para declarar sus variables y la palabra clave let.

Esperamos que al final de esta guía tenga una buena comprensión de cómo declarar una variable usando la palabra clave let.

Sintaxis de la palabra clave let en JavaScript

Antes de sumergirnos en cosas como el alcance del bloque, revisemos rápidamente la sintaxis de la palabra clave let en JavaScript.

Para declarar una variable usando let en JavaScript, solo necesita usar «let» seguido de un nombre de variable.

Puede declarar una variable sin asignarle un valor. Sin embargo, JavaScript lo considerará no definido hasta que se le asigne un valor.

Por ejemplo, si estuviéramos declarando una variable en JavaScript usando la palabra clave ley, usaríamos lo siguiente.

También podemos asignarle un valor durante la asignación. Por ejemplo, si quisiéramos asignarle la cadena «TecnoPasion.com», haríamos lo siguiente.

No puede volver a declarar let Variables en el mismo bloque

Una de las primeras cosas a tener en cuenta es que cuando declara una variable en JavaScript usando let, no puede volver a declararla en el mismo ámbito de bloque.

Este comportamiento es útil porque no puede volver a declarar accidentalmente una variable declarada en el mismo bloque de código.

Por ejemplo, si intenta declarar dos variables una tras otra con el mismo nombre de variable, recibirá un error.

Obtendrá el siguiente mensaje de error si ejecuta el ejemplo anterior.

Comparación con la palabra clave var

Sin embargo, este comportamiento funcionará si usa la antigua palabra clave «var» para declarar una variable en JavaScript.

dejar que las variables se bloqueen en bloque en JavaScript

La clave para declarar una variable en JavaScript con la palabra clave let es que tiene alcance de bloque.

El alcance del bloque significa que JavaScript no puede acceder a una variable declarada en un bloque de código ({ }) fuera del bloque de código.

Echemos un vistazo al siguiente ejemplo de JavaScript para ilustrar esto. Con esto, tenemos un bloque de código donde declaramos una variable usando la palabra clave let de JavaScript y le asignamos un valor.

Fuera del bloque de código, usamos «console.log()» en la variable. Con esto verás como la variable está indefinida porque está fuera del alcance del bloque de variables.

Si tuviera que ejecutar el código anterior, encontraría el siguiente error.

Comparación con la palabra clave var

La antigua palabra clave var en JavaScript no se limita al bloque actual. Puede ver este comportamiento ejecutando el siguiente script.

Si tuviera que ejecutar el ejemplo anterior, vería que la salida variable se guarda en la consola.

Puede volver a declarar una variable let en JavaScript si están en bloques separados

Solo puede volver a declarar una variable usando la palabra clave let en JavaScript cuando están en un ámbito diferente.

La nueva declaración se considerará una variable completamente nueva si se encuentra en un bloque separado. Por lo tanto, perderá el acceso al valor almacenado en la variable original.

Con este ejemplo, estamos usando la palabra clave let de JavaScript para declarar una variable llamada «sitio web» fuera del bloque de código. A esta variable se le asignará el valor «TecnoPasion.com».

Dentro del bloque de código, declaramos nuevamente la variable «sitio web» usando la palabra clave let. Establecemos esta variable en «google.com».

Al usar la función «console.log()» después de cada declaración, puede ver cómo JavaScript separa cada valor en su propio alcance de bloque.

A continuación se muestra el resultado que debe obtener después de ejecutar el ejemplo anterior. Con este resultado, puede ver cómo cada declaración se considera distinta.

Volver a declarar la variable dentro del bloque de código no afecta la variable declarada fuera de él. JavaScript los tratará como variables completamente diferentes.

Comparación con la palabra clave var

Si tuviera que usar este mismo código pero usara la palabra clave var de JavaScript en su lugar. Con esto se puede ver como el segundo enunciado reemplaza al original.

Al usar «var», JavaScript no considera el alcance del bloque.

A continuación, puede ver cómo con la variable var, JavaScript no respetó el alcance del bloque.

Variables declaradas con la palabra clave let Operate en ámbito global

Ahora que hemos visto cómo la palabra clave let funciona de manera diferente. Expliquemos rápidamente algunas de las cosas en las que funciona de la misma manera.

Lo primero es que puede ser global cuando declaras una variable usando la palabra clave let en JavaScript.

Se considera que una variable está en el ámbito global cuando la declara fuera de cualquier función o bloque de código.

Vamos a mostrar esto con un ejemplo rápido. Comenzamos declarando nuestra variable «sitio web» usando la palabra clave let de JavaScript en el ámbito global.

Después de eso, tenemos una función rápida llamada «printWebsite()» que usa «console.log()», para registrar el valor de la variable «sitio web». Como hemos declarado la variable «sitio web» en el ámbito global, podrá acceder a su valor.

Finalmente, llamamos a la función «printWebsite()».

Después de ejecutar el JavaScript anterior, puede ver cómo se puede interactuar con una variable declarada en el ámbito global en funciones y bloques de código.

JavaScript permite que la variable respete el alcance de la función.

Además del alcance global, la variable let de JavaScript respeta el alcance de la función. Esto significa que cuando una variable se declara en una función, solo está disponible para esa función.

Podemos mostrar esto rápidamente con el siguiente ejemplo. Primero creamos una función rápida llamada «printWebsite()».

Dentro de esta función, declaramos una variable usando la palabra clave let llamada «sitio web» y la configuramos como «TecnoPasion.com». Además, usamos «console.log()» para imprimir el valor de la variable.

Fuera de la función, llamamos a nuestra nueva función. Inmediatamente después, intentamos usar «console.log()» para registrar el valor de la variable «sitio web».

Ahora que la variable ha sido declarada dentro del alcance de la función, no podrá acceder a su valor y generará un error.

Obtendrá el siguiente resultado si ejecuta el siguiente ejemplo en su consola. Puede ver que JavaScript imprimió de forma segura el valor original.

Sin embargo, cuando la segunda función «console.log()» se llama un error de referencia, JavaScript lanza un «ReferenceError».

Conclusión

Este tutorial le mostró cómo usar la palabra clave let en JavaScript.

La palabra clave let le permite declarar una variable más restringida que la palabra clave estándar var. Por ejemplo, las variables declaradas con esta palabra clave se pueden restringir a un bloque de código.

Comente a continuación si tiene alguna pregunta sobre el uso de la palabra clave let en JavaScript.

Asegúrese de consultar nuestros muchos otros tutoriales de JavaScript. También tenemos otras guías de codificación si quieres aprender un nuevo idioma.

Actualizaciones semanales directamente a su bandeja de entrada

¡Reciba nuestros proyectos de Raspberry Pi, tutoriales de codificación, guías de Linux y más!

Suscribir

También puede gustarte...