Saul Alaniz

Saul Alaniz

1642137900

Cómo Funcionan Las Palabras Clave Let, Const Y Var En JavaScript

Como principiante de JavaScript, probablemente aprendió cómo declarar variables y asignar valores.

En la antigua era de JavaScript anterior a ES6, los desarrolladores solían declarar variables usando la palabra clave varo sin ninguna palabra clave. ¡Pero los tiempos han cambiado!

Con ES6 (EcmaScript 2015), el comienzo de la era moderna en JavaScript, el lenguaje obtuvo dos nuevas palabras clave para ayudarnos a declarar variables. Estos son lety const.

En este artículo, aprenderemos sobre todas estas palabras clave (sí, incluido var) con ejemplos, y veremos cuándo usarlas y cuándo no usarlas.

Por cierto, este es un tema ampliamente discutido. Entonces, ¿por qué volver a escribir sobre ello? Bueno, estas palabras clave pueden ser difíciles de aprender porque:

  1. Muchos desarrolladores intentan usarlos indistintamente (especialmente letcon los otros dos).
  2. A veces, puede confundirse acerca de la relación de estas palabras clave con un concepto fundamental de JavaScript llamado Scope.

Entonces, este artículo tiene como objetivo enseñar estas palabras clave en el contexto de tres conceptos esenciales. Espero que disfrutes leyendolo.

Cómo declarar variables en JavaScript

En JavaScript, podemos declarar variables de tres maneras diferentes como esta:

// Without keywords. It is essentially the same as var 
// and not allowed in 'strict' mode.
name = 'Jack'; 

// Using var
var price = 100;

// Using let
let isParmanent = false; 

// Using const
const PUBLICATION = 'freeCodeCamp'

Es mejor cuando entiendes var, let y const con estos tres conceptos:

  • Alcance
  • Reasignación de un nuevo valor
  • Cuando accedes a una variable antes de declarar con ella

Estas palabras clave difieren en el uso con respecto a estos conceptos. Veamos cómo.

Alcance variable en JavaScript

En JavaScript, usamos el alcance como una forma de identificar dónde y si podemos usar una variable. Las variables pueden existir dentro de un bloque, dentro de una función o fuera de una función y un bloque.

Entonces, ¿qué es un bloque? Un bloque (es decir, un bloque de código) es una sección del código que definimos usando un par de llaves s({...}). Algo como esto:

{
  let name = "alex";
}

Por otro lado, una función es un conjunto de instrucciones de código que desea colocar lógicamente juntas.

Por lo general, define una función utilizando la functionpalabra clave y un nombre. Solo tenga en cuenta que puede definir una función sin nombre, a la que llamamos anonymous function. Pero no discutiremos eso en el artículo de hoy por simplicidad.

Aquí hay una función con el nombre test.

function test() {
  let name = "alex";
}

Cualquier cosa y todo lo que esté fuera de un bloque o una función lo llamaremos Global. Entonces, cuando declaramos variables, pueden existir dentro de un bloque, dentro de una función o fuera de un bloque/función, es decir, tienen alcance global.

Existen principalmente tres tipos de alcance:

  • Ámbito de bloque
  • Alcance Funcional
  • Alcance global

Las tres palabras clave var, lety constfuncionan alrededor de estos ámbitos. Así que entendamos cómo encajan las cosas.

Cómo usar variables de JavaScript en el alcance del bloque

Si no desea{ } que se acceda a una variable declarada dentro de un bloque fuera del bloque, debe declararla usando las palabras clave leto const. Las variables declaradas con la varpalabra clave dentro del { }bloque también son accesibles fuera del bloque. Así que ten cuidado.

Tomemos un ejemplo:

{
    let f_name  = 'Alex';
    const ZIP = 500067;
    var age = 25;
}

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // 25

Como puede ver, el valor de la variable de edad puede anularse sin saberlo y eventualmente introducir un error. Entonces, la moraleja de la historia es,

No utilice la varpalabra clave dentro de un bloque (ámbito de bloque). Utilice siempre lety en su constlugar.

Cómo usar variables de JavaScript en el ámbito funcional

Una variable declarada dentro de una función usando estas palabras clave no es accesible fuera de la función. Ese es el alcance funcional aplicado.

Es cierto independientemente de si usa var, let o const. Dentro de la función, son bastante similares en la gestión del alcance de una variable.

Tomemos un ejemplo de nuevo:

// f1() is a function

function f1() {
 let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;   
}

f1();

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // Uncaught ReferenceError: age is not defined

Como puede ver arriba, ninguna de las variables es accesible fuera de la función, ni siquiera la ageque se declara usando var. Entonces, la conclusión es,

La variable declarada vardentro de una función no es accesible fuera de ella. La palabra clave vartiene función-ámbito.

Cómo usar variables de JavaScript en el ámbito global

Las variables declaradas fuera de cualquier función y bloque globalse dice que tienen Global Scope. Esto significa que puede acceder a ellos desde cualquier parte del programa JavaScript actual.

Puede utilizar var, lety constpara declarar variables globales. Pero no deberías hacerlo con demasiada frecuencia.

let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;  

// f1() is a function
function f1() {
  console.log(f_name); // Alex
  console.log(ZIP);  // 560089
  console.log(age);  // 25
}

f1();

console.log(f_name); // Alex
console.log(ZIP);  // 560089
console.log(age);  // 25

Como puede ver, las variables son accesibles en todas partes.

Por lo tanto, para restringir el alcance de una variable mediante el var, lety constpalabras clave, aquí está el orden de la accesibilidad en el alcance empezando por la más baja:

  • var: El nivel de alcance funcional
  • let: El nivel de alcance del bloque
  • const: El nivel de alcance del bloque

La siguiente imagen muestra un mapa mental de estas tres palabras clave con referencia a diferentes ámbitos.

Pasemos al siguiente concepto para comprender cómo estas tres palabras clave influyen en el comportamiento del código cuando reasignamos un nuevo valor a una variable.

Cómo reasignar un nuevo valor a una variable en JavaScript

Una vez que haya declarado una variable con varo let, puede reasignar un nuevo valor a la variable en su flujo de programación. Es posible si la variable es accesible para asignar un valor. Pero con const, no puede reasignar ningún valor nuevo.

// Declare variables with initial values
let f_name = "Alex";
const ZIP = 560089;
var age = 25;

// Reassign values
f_name = "Bob"; // the f_name value is 'Bob"
ZIP = 65457; // Uncaught TypeError: Assignment to constant variable.
age = 78; // the age value is 78

Hay una parte complicada costque debes tener en cuenta. Cuando se declara un objeto y se le asigna un valor con const, aún puede cambiar el valor de su properties. Pero no puede reasignar otro valor de objeto a la misma variable. Este es un error común que cometen muchos desarrolladores.

Mira el ejemplo aquí:

const blog = {
    'url': 'https://greenroots.info'
}

blog.url = 'https://blog.greenroots.info"; //Allowed

blog = {}; // Uncaught TypeError: Assignment to constant variable.

Aquí hay un mapa mental para ayudarlo a comprender cómo funciona la reasignación de variables declaradas con estas tres palabras clave.

Qué sucede cuando accede a una variable antes de declararla en JavaScript

Como programador pragmático, nunca debe intentar acceder a una variable sin declararla. Pero en caso de que suceda, veamos cómo se puede comportar la variable.

En varmodo no estricto, la variable tendrá un undefinedvalor. Esto significa que una variable ha sido declarada pero no tiene ningún valor asignado.

En modo estricto, obtendrá un mensaje de ReferenceErrorque la variable no está declarada.

Con lety const, si intenta acceder a una variable antes de declararla, siempre obtendrá un ReferenceError.

Aquí hay un mapa mental nuevamente para ayudarlo a comprenderlo visualmente. En el mapa mental, varse representa para el modo no estricto.

Eso es todo, mis amigos. Es necesario tener en cuenta estas circunstancias y conceptos para evaluar la forma var, lety constse comportan. Entonces, la regla dice:

  • No uses varmás.
  • Usa leto const.
  • Usar constmás a menudo. Úselo letcuando necesite reasignar otro valor a una variable.
  • No intente acceder a una variable sin declararla.


  Antes de terminar...

Esa es la historia detrás let, consty var. Espero que hayas encontrado el artículo perspicaz e informativo. Mis DM están abiertos Twittersi desea discutir más.
Nos vemos pronto con mi próximo artículo. Hasta entonces, cuídate y mantente feliz.


Enlace: https://www.freecodecamp.org/news/understanding-let-const-and-var-keywords/

#javascript 

What is GEEK

Buddha Community

Cómo Funcionan Las Palabras Clave Let, Const Y Var En JavaScript
Cathrine Paucek

Cathrine Paucek

1625759580

JavaScript Var, Let, and Const - 8

To declare a variable in JavaScript either var, let or const is used.
We will distinguish between the three with the following features:

  • Block scope
  • Update and redeclaration
  • Hoisting
  • Undefined

Official Website: https://techstackmedia.com

Watch the entire JavaScript Series, including upcoming JavaScipt videos on YouTube: https://www.youtube.com/playlist?list=PLJGKeg3N9Z_Rgxf1Und7Q0u0cSre6kjif

Check it out on the article: https://techstack.hashnode.dev/javascript-var-let-and-const

Become a patron to learn more: https://www.patreon.com/techstackmedia

Next: https://techstack.hashnode.dev/javascript-data-types

Techstack Media is in partnership with Skillshare: http://bit.ly/tsm-skillshare
Learn anything and get the required skill you need to kickstart a long-lasting career.

Website Request: bello@techstackmedia.com

Social Media:
✅ Facebook: https://facebook.com/techstackmedia
✅ Twitter: https://twitter.com/techstackmedia
✅ Instagram: https://instagram.com/techstackmedia
✅ LinkedIn: https://linkedin.com/in/techstackmedia

#javascriptdatatypes #javascipthoisting #javascriptvariable #techstackmedia #webdev #DEVCommunity #100DaysOfCode #opensource #codenewbies #womenwhocode #html #webdevelopment

#javascript #javascript var #let #const

Saul Alaniz

Saul Alaniz

1642137900

Cómo Funcionan Las Palabras Clave Let, Const Y Var En JavaScript

Como principiante de JavaScript, probablemente aprendió cómo declarar variables y asignar valores.

En la antigua era de JavaScript anterior a ES6, los desarrolladores solían declarar variables usando la palabra clave varo sin ninguna palabra clave. ¡Pero los tiempos han cambiado!

Con ES6 (EcmaScript 2015), el comienzo de la era moderna en JavaScript, el lenguaje obtuvo dos nuevas palabras clave para ayudarnos a declarar variables. Estos son lety const.

En este artículo, aprenderemos sobre todas estas palabras clave (sí, incluido var) con ejemplos, y veremos cuándo usarlas y cuándo no usarlas.

Por cierto, este es un tema ampliamente discutido. Entonces, ¿por qué volver a escribir sobre ello? Bueno, estas palabras clave pueden ser difíciles de aprender porque:

  1. Muchos desarrolladores intentan usarlos indistintamente (especialmente letcon los otros dos).
  2. A veces, puede confundirse acerca de la relación de estas palabras clave con un concepto fundamental de JavaScript llamado Scope.

Entonces, este artículo tiene como objetivo enseñar estas palabras clave en el contexto de tres conceptos esenciales. Espero que disfrutes leyendolo.

Cómo declarar variables en JavaScript

En JavaScript, podemos declarar variables de tres maneras diferentes como esta:

// Without keywords. It is essentially the same as var 
// and not allowed in 'strict' mode.
name = 'Jack'; 

// Using var
var price = 100;

// Using let
let isParmanent = false; 

// Using const
const PUBLICATION = 'freeCodeCamp'

Es mejor cuando entiendes var, let y const con estos tres conceptos:

  • Alcance
  • Reasignación de un nuevo valor
  • Cuando accedes a una variable antes de declarar con ella

Estas palabras clave difieren en el uso con respecto a estos conceptos. Veamos cómo.

Alcance variable en JavaScript

En JavaScript, usamos el alcance como una forma de identificar dónde y si podemos usar una variable. Las variables pueden existir dentro de un bloque, dentro de una función o fuera de una función y un bloque.

Entonces, ¿qué es un bloque? Un bloque (es decir, un bloque de código) es una sección del código que definimos usando un par de llaves s({...}). Algo como esto:

{
  let name = "alex";
}

Por otro lado, una función es un conjunto de instrucciones de código que desea colocar lógicamente juntas.

Por lo general, define una función utilizando la functionpalabra clave y un nombre. Solo tenga en cuenta que puede definir una función sin nombre, a la que llamamos anonymous function. Pero no discutiremos eso en el artículo de hoy por simplicidad.

Aquí hay una función con el nombre test.

function test() {
  let name = "alex";
}

Cualquier cosa y todo lo que esté fuera de un bloque o una función lo llamaremos Global. Entonces, cuando declaramos variables, pueden existir dentro de un bloque, dentro de una función o fuera de un bloque/función, es decir, tienen alcance global.

Existen principalmente tres tipos de alcance:

  • Ámbito de bloque
  • Alcance Funcional
  • Alcance global

Las tres palabras clave var, lety constfuncionan alrededor de estos ámbitos. Así que entendamos cómo encajan las cosas.

Cómo usar variables de JavaScript en el alcance del bloque

Si no desea{ } que se acceda a una variable declarada dentro de un bloque fuera del bloque, debe declararla usando las palabras clave leto const. Las variables declaradas con la varpalabra clave dentro del { }bloque también son accesibles fuera del bloque. Así que ten cuidado.

Tomemos un ejemplo:

{
    let f_name  = 'Alex';
    const ZIP = 500067;
    var age = 25;
}

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // 25

Como puede ver, el valor de la variable de edad puede anularse sin saberlo y eventualmente introducir un error. Entonces, la moraleja de la historia es,

No utilice la varpalabra clave dentro de un bloque (ámbito de bloque). Utilice siempre lety en su constlugar.

Cómo usar variables de JavaScript en el ámbito funcional

Una variable declarada dentro de una función usando estas palabras clave no es accesible fuera de la función. Ese es el alcance funcional aplicado.

Es cierto independientemente de si usa var, let o const. Dentro de la función, son bastante similares en la gestión del alcance de una variable.

Tomemos un ejemplo de nuevo:

// f1() is a function

function f1() {
 let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;   
}

f1();

console.log(f_name); // Uncaught ReferenceError: f_name is not defined
console.log(ZIP);  // Uncaught ReferenceError: ZIP is not defined
console.log(age);  // Uncaught ReferenceError: age is not defined

Como puede ver arriba, ninguna de las variables es accesible fuera de la función, ni siquiera la ageque se declara usando var. Entonces, la conclusión es,

La variable declarada vardentro de una función no es accesible fuera de ella. La palabra clave vartiene función-ámbito.

Cómo usar variables de JavaScript en el ámbito global

Las variables declaradas fuera de cualquier función y bloque globalse dice que tienen Global Scope. Esto significa que puede acceder a ellos desde cualquier parte del programa JavaScript actual.

Puede utilizar var, lety constpara declarar variables globales. Pero no deberías hacerlo con demasiada frecuencia.

let f_name = "Alex";
 const ZIP = 560089;
 var age = 25;  

// f1() is a function
function f1() {
  console.log(f_name); // Alex
  console.log(ZIP);  // 560089
  console.log(age);  // 25
}

f1();

console.log(f_name); // Alex
console.log(ZIP);  // 560089
console.log(age);  // 25

Como puede ver, las variables son accesibles en todas partes.

Por lo tanto, para restringir el alcance de una variable mediante el var, lety constpalabras clave, aquí está el orden de la accesibilidad en el alcance empezando por la más baja:

  • var: El nivel de alcance funcional
  • let: El nivel de alcance del bloque
  • const: El nivel de alcance del bloque

La siguiente imagen muestra un mapa mental de estas tres palabras clave con referencia a diferentes ámbitos.

Pasemos al siguiente concepto para comprender cómo estas tres palabras clave influyen en el comportamiento del código cuando reasignamos un nuevo valor a una variable.

Cómo reasignar un nuevo valor a una variable en JavaScript

Una vez que haya declarado una variable con varo let, puede reasignar un nuevo valor a la variable en su flujo de programación. Es posible si la variable es accesible para asignar un valor. Pero con const, no puede reasignar ningún valor nuevo.

// Declare variables with initial values
let f_name = "Alex";
const ZIP = 560089;
var age = 25;

// Reassign values
f_name = "Bob"; // the f_name value is 'Bob"
ZIP = 65457; // Uncaught TypeError: Assignment to constant variable.
age = 78; // the age value is 78

Hay una parte complicada costque debes tener en cuenta. Cuando se declara un objeto y se le asigna un valor con const, aún puede cambiar el valor de su properties. Pero no puede reasignar otro valor de objeto a la misma variable. Este es un error común que cometen muchos desarrolladores.

Mira el ejemplo aquí:

const blog = {
    'url': 'https://greenroots.info'
}

blog.url = 'https://blog.greenroots.info"; //Allowed

blog = {}; // Uncaught TypeError: Assignment to constant variable.

Aquí hay un mapa mental para ayudarlo a comprender cómo funciona la reasignación de variables declaradas con estas tres palabras clave.

Qué sucede cuando accede a una variable antes de declararla en JavaScript

Como programador pragmático, nunca debe intentar acceder a una variable sin declararla. Pero en caso de que suceda, veamos cómo se puede comportar la variable.

En varmodo no estricto, la variable tendrá un undefinedvalor. Esto significa que una variable ha sido declarada pero no tiene ningún valor asignado.

En modo estricto, obtendrá un mensaje de ReferenceErrorque la variable no está declarada.

Con lety const, si intenta acceder a una variable antes de declararla, siempre obtendrá un ReferenceError.

Aquí hay un mapa mental nuevamente para ayudarlo a comprenderlo visualmente. En el mapa mental, varse representa para el modo no estricto.

Eso es todo, mis amigos. Es necesario tener en cuenta estas circunstancias y conceptos para evaluar la forma var, lety constse comportan. Entonces, la regla dice:

  • No uses varmás.
  • Usa leto const.
  • Usar constmás a menudo. Úselo letcuando necesite reasignar otro valor a una variable.
  • No intente acceder a una variable sin declararla.


  Antes de terminar...

Esa es la historia detrás let, consty var. Espero que hayas encontrado el artículo perspicaz e informativo. Mis DM están abiertos Twittersi desea discutir más.
Nos vemos pronto con mi próximo artículo. Hasta entonces, cuídate y mantente feliz.


Enlace: https://www.freecodecamp.org/news/understanding-let-const-and-var-keywords/

#javascript 

Eldora Bradtke

Eldora Bradtke

1589938080

JavaScript Variables: var and let and const

There are three ways to create variables in a JavaScript application: using var, using let, or using const. This will not be a post trying to convince you which one you should use, or arguing about what is best. It’s just good to know about the differences and what it means when you use the different options. But hopefully by the end of all this you’ll be comfortable with the three options and can make a decision for your team that will suit your needs. To get the most out of this post, it is best if you understand variable scope, which we covered in this post previously.

#javascript #var #let #const

Tanya Shields

Tanya Shields

1591952760

Declaring A Winner Between JavaScript's var, let And const

When ECMAScript 6 (also known as ECMAScript 2015) was released a collection of new APIs, programming patterns and language changes became a standard. Since ES6 started gaining browser and nodejs support developers are wondering if they should stop using the traditional var to declare variables.
ES6 introduced two new ways to declare variables, let and const.

var - has function level scoping and can change the value reference
let - has block level scoping and can change the value reference
const - has block level scoping but cannot change the value reference
Both provide better block scoping that var. const differs from let because the immediate value cannot be changed once it is declared.
Variables declared using var are function scoped, which has led to confusion to many developers as they start using in JavaScript.

#javascript #var #let #const #programming

Dexter Goodwin

Dexter Goodwin

1623916080

A Simple Explanation Of JavaScript Variables: Const, Let, Var

The variable is a fundamental concept that any developer should know.

In JavaScript, const, let, and var are the statements you can declarate variable.

I’m going to describe each variable type around the declaration, initialization, value access, and assignment. Each of the 3 types (const, let, and var) create variables that behave differently exactly in these 4 steps.

This post isn’t quite beginner friendly, but rather useful to solidify your knowledge of variables and their behavior.

Let’s get started.

1. Variable identifier

First, let’s understand what a variable is.

In simple terms, a variable is a placeholder (or a box) for a value. A value in JavaScript can be either a primitive value or an object.

The variable has a name, which stricter is called identifier. Examples of identifiers are myNumber, name, list, item.

The syntax of an identifier is pretty simple:

An identifier can contain letters, digits 0..9, and special symbols $, _. An identifier cannot start with a digit 0..9.

Examples of valid identifiers are myNumber, my_number, list1, $item, _name, a, b, $, _.

#javascript #variable #const #let #var