¿Qué es una variable?

Dentro de JavaScript tenemos tres formas de declarar una variable las cuales son: var, const y let.

1. Var: Era la forma en que se declaraban las variables hasta ECMAScript 5. Casi ya no se usa porque es de forma global y tiene las siguientes características:

   o Se puede reinicializar: osea todas las variables se inicializan, por ejemplo:
   Var pokemonType = ‘electric’ entonces reinicializar es:
   Var pokemonType = ‘grass’ osea la misma variable con diferentes datos el último dato predomina.
   o Se puede reasignar: osea la variable ya inicializada le reasignamos otro valor por ejemplo: inicializamos la variable: Var pokemonType = ‘electric’ ahora la reasignamos pokemonType = ‘grass’ ya no va var
   o Su alcance es función global: osea inicializamos la variable, pero la podemos llamar desde cualquier bloque (una llave abierta y una cerrada {}) pero hay que tener mucho cuidado con ello ya que puede haber peligro, no es recomendable usar VAR.

   const y let es la forma en que se declaran las variables a partir de ECMAScript 6,

2. const: sirve para declarar variables que nunca van a ser modificadas:
   o No se puede reinicilizar: es una const única no puede haber otra inicializada con el mismo nombre. const pokemonType = ‘electric’ no puede haber:
   const pokemonType = ‘grass’
   o No se pude re asignar: una vez que la hayamos inicializado no la podemos reasignar solo con su nombre: const pokemonType = ‘electric’ no puede ejecutarse:
   pokemonType = ‘grass’
   o No es inmutable: osea no puede cambiar con objetos:

3. Let: Son variables que pueden ser modificadas, se pueden cambiar:
   o No se puede reinicilizar: es una const única no puede haber otra inicializada con el mismo nombre. let pokemonType = ‘electric’ no puede haber:
   let pokemonType = ‘grass’
   o Se puede reasignar: Osea la variable ya inicializada le reasignamos otro valor por ejemplo: inicializamos la variable: let pokemonType = ‘electric’ ahora la reasignamos pokemonType = ‘grass’
   o Su contexto de es bloque: Solo funciona dentro de un bloque {}, fuera de ello no.

Aquí les dejo una pequeña infografia sobre las variables:

6 atajos de teclado en Windows IMPORTANTISIMOS!! para optimizar nuestra fluidez en el escritorio.

Para poder navegar en el escritorio a la hora de estar escribiendo código y probando o haciendo cualquier otra cosa 😉

Exitos, compañeros!

Fijar ventana en un lateral: Tecla Windows + Izquierda o Derecha (también puede ser usada con Arriba o Abajo)
Cambiar entre ventanas recientes: ALT + Tabulación
Vista de tareas: Tecla Windows + Tabulación
Crear nuevo escritorio virtual: Tecla Windows + CTRL + D
Cerrar escritorio virtual actual: Tecla Windows + CTRL + F4
Cambiar entre escritorios virtuales: Tecla Windows + CTRL + Izquierda o Derecha

Info extraída desde aquí

Entre los comentarios vas a encontrar mucho debate sobre si declarar variables con var, let, o const.
Para entender la diferencia, y cuándo cada una debe ser aplicada, es mejor que sigas un par de clases (al menos las de scope y hoisting) para que puedas saber y justificar el uso de las tres.
Si te gana la curiosidad, te recomiendo este link que de paso tiene un cuadro/tabla bastante claro.

concepto grafico de variable

Diferencias entre var, const y let:

1. var: Es una variable que puede cambiar su valor en un futuro y su alcance es local. Surgió en ECMAScript5.
   Ejemplo:

var name = 'Freddy Mercurio';
var age = 28;
name= 'Freddy Mercury'; // Suponemos que freddy se equivoco de nombre y luego lo quiso cambiar

1. const: Es una variable constante que no puede cambiar nunca su valor en un futuro.
   Ejemplo:

const name = 'Kurt Cobaño'; // Kurt ya no puede cambiar el valor de const name

1. let: Es una variable que puede cambiar su valor pero solo funciona en un bloque donde se declare ( {let} )

let age= 28; // let se puede cambiar por otro valor
let age = 20;

Es un resumen muy básico de las diferencias entre estas variables.

Este es mi aporte 😄

Algo importante con este tema es que actualmente muchos programadores de JavaScript ya no suelen usar “var”, actualmente con EcmaScript tenemos dos nuevas variantes que son “let” y “const”, y comunmente el más usado es const.

let es lo mismo que var, por poner una comparación (Realmente tienen algunas diferencias, pero a nivel de trabajo es casi lo mismo)

const son constantes, es decir, valores que nunca se modifican.

Y actualmente las variables de JavaScript tienen un scope a nivel de llaves, pero seguramente esto del scope lo veremos mas adelante, solo quédate con los conceptos ^^

Este es mi aporte, espero les guste y les sirva mucho para aumentar sus conocimientos amigos!

En JavaScript, antes de la salida de ES6(Nuevo estándar del lenguaje publicado en el 2015 que trajo muchos nuevos cambios al lenguaje) las variables se declaraban con la palabra reservada “var”.

Esta palabra reservada se usa para poder almacenar un espacio en memoria para algún valor que queramos guardar(Un string, number, array o object).

Pero esta palabra clave tenía un problema, este problema era que en un archivo de Javascript podía declarar varias veces la misma variable con el mismo nombre, por ejemplo:

var nombre = "Ronald";          // Correcto
var nombre = "Michael Myers";  // Correcto
var nombre = 40;              // Correcto

Como se puede observar, la variable de “nombre” se puede declarar varias veces y aún así JavaScript nos permite hacerlo. Pero, si no se lleva una buena semántica de código esto podría ser problemático ya que por malas prácticas o simplemente por descuido podriamos declarar la variable con el mismo nombre una y otra vez, esto puede llevarnos a problemas en algún momento que son difíciles de depurar.

¿Como esto podría ser un problema?
Respuesta: sencillo, si en algún lugar de nuestro código de JavaScript se necesita de esa variable “nombre” para que nuestro script(Secuencias de comandos, en este caso nuestro código de JavaScript) pueda funcionar correctamente, se podría sobreescribir la variable por error y esto generaría errores que luego no sabemos donde o como fue que ocurrió. Porque JavaScript no nos notifica que al sobreescribir la variable de “nombre” causamos dicho error.

Para resolver este problema, se daría lugar a las nuevas formas de declarar una variable, “let” y “const”. Esta nueva forma de declarar variables resuelven el problema de declarar una variable con el mismo nombre una y otra vez.

¿Como puede hacer esto?
Respuesta: de la siguiente manera:
“const” nos ayuda a crear un espacio en memoria donde introduciremos un valor que no podrá ser cambiado durante la ejecución del código en el archivo de JavaScript, por ejemplo:

const nombre = "Ronald";   // Correcto, primera declaración de variable
const nombre = "Michael Myers"; // Incorrecto, las constantes no se pueden volver a declarar con el mismo nombre
nombre = "Diego De Granda";  // Incorrecto, la variable no puede sobreescribirse porque es una constante(const)

“const” es un valor constante y que por ende no cambiará en la ejecución del código ya que si lo haces generarás un error, este error lo podrás observar en la consola del navegador.

Mientras que con la palabra clave “let” podrás declarar alguna variable con algún nombre una sola vez, podrás sobreescribir la variable con otro valor, con la diferencia de que no puedes declarar de nuevo la variable con el mismo nombre.

¿Pero, como es esto?
Respuesta: es simple, observa:

let deporte = "Fútbol"; /* Correcto*/
let deporte = "Basketball"; /* Incorrecto, deporte ya fue declarado anteriormente */
deporte = "Basketball"; /* Es correcto, podemos sobreescribir una variable declarada con let */

De esta manera, let y const fueron introducidos para una mejor semántica del código y disminuir errores.

GRACIAS POR LEER! SALUDOS.

Dejo pequeño cuadro aportando el tipo de declaración de las variables en JavaScript

Creo que deberían de enriquecer este video con las diferencias y buenas prácticas de “let” “const” y “var”.

Les recomiendo ver Este video del profesor Sacha Lifszyc en donde detalla buenas practicas y consejos para nomenclar las variables y funciones.

Genial! Comparto mis apuntes:

Hola, vengo a promocionarles un navegador que me parece genial, se llama Brave y fue creado por Brendan Eich, pero dato curioso, Brendan Eich es el creador de JavaScript!!!

Importante saber que los tipos de variables son:

var persona;
let persona;
const person;

y ya no se utiliza var para declararlas, es preferible let para no tener Bugs.
sigan el Curso de ECMAScript 6+ para aprender sobre las nuevas integraciones de JavaScript, y esta clase en especifico explica porque debemos utiliza let antes que var

😃 Tendremos dos estados, al momento de trabajar con variables:

//Declarar
var name;

//Inizializar
name = "Brayan"; 

En caso de que alguno no lo sepa, puedes comentariar y des comentariar de una forma mas rápida con los siguientes controles, me ha funcionado en la mayoría de los lenguajes que he utilizado en Windows seleccionas el texto y:
[Ctrl] + [k ] + [C ] :Comentar
[Ctrl] + [k ] + [U ] :Des comentar

Diferencias entre (var,let y const):

• var puede reasignar un tipo de tal forma que pueda re-declarar la variable con el mismo identificador, también cambiar el tipo de datos sin necesidad de declarar la variable nueva mente.
• let es similar a var con la diferencia que esta solo tiene el alcance local (función, bloque al que pertenece) y ademas carece de hoisting.
• const no se le puede reasignar tipo pero si mutar su valor y no permite el hoisting
  
  

Un pequeño resumen 😊👌

////////////////////////
// Variables
var nombre = 'Steven';
var elementos = ['java', 'c++', 'python'];
var persona = {
  nombre: 'Steven',
  edad: 17
}

// Declarando variable
var edad;

// Inicializando variable
edad = 17;

Quisiera haber realizado este curso recien empece a aprender a programar , explica de una manera muy explicita cada detalle, excelente 😄

Pienso que este curso necesita una actualizacion basado en estandares ECMAScript 6.

VAR: Se usaba hasta ES5, tienen un scope global y admiten hoisting.
.
LET: Se introdujo en ES6, similar a var, pero reduce el scope a bloques, y no admite el hoisting.
.
CONST: Se introdujo en ES6, son constantes una vez se declara su valor, pero si es un objeto, se pueden editar y agregar propiedades. Además no admite hoisting.

//Ejemplo de variable:
var nombre = "Oscar";

//Declarar una variable:
var edad;

//Inicializar la variable:
edad = 30;

//Declarando e Inicializando una variable:
var elementos = ["Computadora", "Celular"];

//Ejemplo de una variable que guarda un objeto:
var persona = {
    nombre: "Diego",
    edad: 30
}

Concepto de variable
Es un espacio en memoria donde se almacena un dato, un espacio donde podemos guardar cualquier tipo de información que necesitemos para realizar las acciones de nuestros programas. Podemos pensar en ella como una caja, donde almacenamos un dato. Esa caja tiene un nombre, para que más adelante podamos referirnos a la variable, recuperar el dato así como asignar un valor a la variable siempre que deseemos.

Puedes utilizar variables para hacer operaciones:
var x = 5
var y = 3
luego al colocar
x + y
el resultado sera 8
NOTA: es recomendable declarar las variables antes de utilizarlas.
informacion extra:https://desarrolloweb.com/articulos/508.php

alguien de la clase 16 descubrió este link xd
Descubrí que existe esta pag: https://jsconsole.com/

Diferencia entre declarar e inicializar una variable
.
Declarar una variable significa indicarle a la computadora que existe.
.

var myVariable

.
Dentro de una variable podemos luego guardar un valor.

myVariable = 'Hola'

.
Inicializar una variable significa declarar una variable y guardar información en ella, todo en la misma línea de código.

var myVariable = 'Hola'

Variables

Puede considerarse como un contenedor donde se pueden almacenar datos, una vez declara se le asigna un espacio en memoria y podemos acceder a ella mediante el nombre de la variable.

Shortcuts en VScode
Mover líneas o bloques de líneas seleccionadas --> alt + flechas
Comentar bloque de código --> shift + alt + A

Variables

Las variables son la representación de un lugar en la memoria que nosotros vamos a representar para poder guardar un valor que puede tener diferentes tipos.

Var

Es una palabra reservada de JavaScript, cuando el navegador la lee, comprende que debe reservar un espacio en su memoria para poder guardar un valor.

var nombre = "Iris"; 

Si llegáramos a pedir el dato de la variable en la consola, se vería algo así.

>Nombre
>"Iris"

Se guardan los datos o valores que estamos ocupando, para ocuparlos después. Al momento de que se generan variables, existen 2 estados:

Declarar

En el estado de declarar una variable, lo que debemos hacer es generar la palabra reservada “Var” y le ponemos un nombre a ese espacio en la memoria.

Ejemplo:

//Declarando
var edad; 

Inicializar

Al momento de que ya tengamos declarada la variable, ya que le vayamos a poner un valor, mandamos traer el nombre de ese espacio y le ponemos un valor. Quiere decir que nuestra variable ya fue declarada, ya tiene un valor, ya puedo inicializarla.

//Inicializar
var edad;
edad = 19;

Podemos generar variables más complejas, como de Array, son un conjunto de elementos.

Ejemplo:

var elementos = ["Computador", "Celular"];

De igual forma podemos generar una variable tipo objeto:

var persona = {
nombre: "Iris",
edad: 19
}

Cuando quiera llamar a esta variable:

persona; 

Y directamente nos imprime todo lo que tiene la variable.

¿Qué es una variable en JavaScript?
Una variable es un contenedor para un valor, como un número que podríamos usar en una suma, o una cadena que podríamos usar como parte de una oración. Pero una cosa especial acerca de las variables es que los valores que contienen pueden cambiar.
.
Existen dos estados de una variable:

• Declarar una variable: Para usar una variable, primero debes crearla — precisamente, a esto lo llamamos declarar la variable. Para hacerlo, escribimos la palabra clave var o let seguida del nombre con el que deseas llamar a tu variable:
  .
  var nombre;
var edad;
  .
  Actualmente estas variables no tienen ningún valor; son contenedores vacíos. Cuando ingreses los nombres de las variables, deberías obtener devuelto un valor undefined. Si no existen, recibirás un mensaje de error; intenta escribir
  .
• Iniciar una variable: Una vez que hayas declarado una variable, la puedes iniciar con un valor. Para ello, escribe el nombre de la variable, seguido de un signo igual (=), seguido del valor que deseas darle. Por ejemplo:
  .
  nombre = "Oscar";
edad = 30;
  .
  Puedes devolver los valores de tus variables simplemente escribiendo su nombre en la consola.
  .

También puedes declarar e iniciar una variable al mismo tiempo, así:
.
var miPerro = "Dante";

Una variable es una representación de un espacio en memoria que vamos a reservar en el momento de declararla.

La ventaja de JavaScript es que no necesitas definir el tipo de variable, no tienes que decirle si vas a guardar un entero o un flotante, un string, etc
Ya lo hace solo por sitanxis 😁

Hola PlatziNautas, este video creo que les ayudara a conocer mas sobre las variables y sus variantes.

Por cierto! En JavaScript tenemos dos formas de comentar. Aquí sus diferencias ☺:

//Con dos slash podemos comentar en solo 1 línea

Sin embargo

/* De esta forma podemos comentar multiples lineas.
Aprovechen las dos formas como les convenga!  */

VARIABLES

- Es la representación de algun lugar en memoria que vamos a reservar para guardar un valor
- var es la palabra reservada de JS para entender que es una variable
- ESTADOS DE UNA VARIABLE:
    -DECLARAR
    -INICIALIZAR

VARIABLES

Es la representación de algún lugar en memoria que vamos a reservar para poder guardar un valor, el cual puede tener diferentes tipos.

Javascript tiene una palabra reservada que utiliza para representar un valor. Ejem:

var nombre = “Oscar”;

El var le indica al programa que debe guardar un espacio en la memoria, el cual estará definido según el valor que le coloquemos, en el caso del ejemplo será “Oscar” (valor String).

 	    inicializa	    declarar
var		nombre	  =    "Pablo"; 			

Para mayor comodidad trabajando en la consola pueden usar esta página! https://jsconsole.com/

Variables en JavaScript
.
Las variables son la manera en que podemos guardar datos y manipularlos de manera dinámica en una computadora. Para ello es utilizan un nombre o “etiqueta” que permite apuntar a los datos en lugar de usar los datos en si mismos.
.
.
Nombres de variables
Las variables en JS pueden estar formadas por:

• numeros,
• letras,
• “$”
• “_”.

.
Los nombres de variables en JS no pueden:

• tener espacios,
• comenzar con un número.

Una variable, es una representación de algún lugar en memoria, que reservamos para un valor.

Mi nota:
Que son las variables y como se utilizan.
Que es una variable: como representación de un lugar en memoria que se reserva para guardar un valor. Sintaxis var nombre = “Ezequiel”;

Estados de una variable:
Declarar -> Cuando se declara una variable, se reserva un espacio en memoria.
Var edad;
Inicializar -> se le asigna un valor a la variable, el cual se guarda en el espacio de memoria reservado.
Edad = 30;
Declaración y asignación de una variable.
Var elementos = [“computadora”,”celular”]

imaginen las variables como cajitas donde les ponen nombre como andy a sus Juguetes viejos y pone en ellos algo por ejemplo a Wody

Si como a mi les gusta adelantarse, y quedan con la pregunta de cómo acceder a un objeto del otro tipo… Esto se puede hacer de la siguiente manera:

var persona = {
  name: "Diego",
  lastname: "De Granda",
}

console.log(persona.name + " " + persona.lastname);

Resultado: Diego De Granda

Tambien al final de cada declaracion si quieren no usan el punto y coma por ejemplo

var nombre = "Juan"
//no le inlcuimos el ; esto no afecta en nada es totalmente visual y no afectara la salida del codigo

Si usas el teclado en ingles, para comentar puedes usar:

CTRL + /

//Let es una variable local
let valorUno = 10;
if (true) {
    let valorUno = 40; // let es una variable local por lo cual no tomara este valor
    console.log(valorUno)
}
console.log(valorUno);


//Es un valor constante que no puede ser cambiado
const valorConstante = "Victor Adrian Ramirez de la Cruz";
console.log(valorConstante);


//Var es una variable global
var valorDos = 20;
if (true) {
    var valorDos = 40;  //El var es una variable global por lo cual tomara el nuevo valor
    console.log(valorDos);
}
console.log(valorDos);


//Valores vacios
let valorVacio = null;
let valorIndefinido = undefined;

let nombre = "Victor Adrian";
console.log(typeof nombre);

const nombres = {
    nombre : "Victor",
    nombreDos : "Lazaro",
}
console.log(nombres.nombre);
console.log(nombres.nombreDos);

const numeros = [10,20,30,40,50];
console.log(numeros[2]);

Mi pequeño aporte palabras reservadas de javascript

Palabras reservadas: son las palabras (en inglés) que se utilizan para construir las sentencias de JavaScript y que por tanto no pueden ser utilizadas libremente.
Las palabras actualmente reservadas por JavaScript son: break, case, catch, continue, default, delete, do, else, finally, for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while, with.

Quiero dar una recomendación, puedes tomarlo o dejarlo, no pasa nada. Si sigues el curso con Visual Studio Code, te recomiendo trabajar con una extensión llamada “Quokka” te permite trabajar con JavaScript en ejecución rápida sin necesidad de ir a la consola del navegador (el cual no considero que sea incorrecto hacerlo). Solo es una recomendación!

Así se ve:

Yo entiendo las variables como cajas, en las cajas puedes meter cosas, en JS metes datos, y esas cajas pueden ser de distintas formas o colores, en JS serian los tipos de dato.
También puedes meter cajitas dentro de una cajota, un ejemplo de ello son los arrays, donde en un una variable array puede albergar muchos items de distintos tipos de dato, característica especial de JS). Ojala esa analogía le funcione a alguien, suerte:)

Las diferencias entre var, let y const

var, let y const son las diferentes palabras reservadas en JavaScript para definir una variables, cada una de estas tiene sus diferencias y aquí te las voy a explicar a detalle.

var

Var era la única forma que existía para definir variables, let y const se integraron apartir de ECMAScript 6.

Cuándo definimos una variable con var esta puede ser re-inicializada
Ej.

// se inicializa
var nombre = "Oscar";
// se re-inicializa
var nombre = "Carlos";

Con var podemos reasignar valores a una variable multiples veces.
Ej.

// se inicializa la variable y se le asigna un valor
var nombre = "Oscar";
// se le asigna un nuevo valor a la misma variable
nombre = "Carlos";

esto quiere decir que cuando inicializamos una variable con var dentro de una función esta solo podrá ser llamada y existirá dentro de la función, pero si está declarada fuera de una función. Vamos a poder acceder a este tipo de variables desde cualquier parte de nuestro código, ya sea dentro o fuera de una función o un bloque.
Ej.

var nombre = "Oscar"; // esta variable tiene un alcance global

function DecirEdad () {
	var edad = 30; // esta variable solo tendrá un alcance dentro de la función
	return edad; // 30
}

console.log(edad); // (Uncaught ReferenceError: edad is not defined) la variable edad tiene un contexto de función por lo que fuera de la función esta variable no existe

let

Con let no se puede re-inicializar una variable, si lo hacemos nos arrojará un error en la consola
Ej.

// Se inicializa la variable
let nombre = "Oscar";

// se trata de re-inicializar pero arroja un error
let nombre = "Carlos";

// Uncaught SyntaxError: Identifier 'nombre' has already been declared

Cuándo usamos let podemos reasignar valores a la variable multiples veces.

let nombre = "Oscar"; // Inicializamos la variable y le entregamos un valor

nombre = "Carlos"; // le entregamos un nuevo valor a la misma variable

su alcance está limitado al bloque de código donde fue definida la variable, esto quiere decir que las variables solo van a vivir dentro del bloque de código correspondiente.
Ej.

if (true == true) {
	let nombre =  "Oscar";
	console.log(nombre); // "Oscar"
}

console.log(nombre); // Uncaught ReferenceError: nombre is not defined
// esto quiere decir que como la variable nombre fue definida dentro de un bloque, fuera de el bloque ella no existe

const

Cuándo tenga valores que nunca vayan a cambbiar utilizamos un const.

Con const no se puede re-inicializar una variable, si lo hacemos nos arrojará un error en la consola
Ej.

const nombre = ""Oscar";

Const nombre = ""Diego;

Cuándo usamos const no podemos reasignar valores a la variable multiples veces.
Ej.

const pi = 3.141592654; // Inicializamos la variable y le entregamos un valor

pi = "número infinito"; // se trata de re-asignar un valor a la variable pero no es posible y lanza el siguiente error

// Uncaught TypeError: Assignment to constant variable.

Var en algunos momentos podía llegar a causar problemas con sus peculiaridades, asi que mejor entender las cosas que nos aporta let y const para usarlos desde este omento 💚

Variables en JavaScript:

Debemos entender que una variable es la representación de un dato guardado en memoria, una vez que le asignamos nombre a este espacio podemos volver a acceder cuando se necesite

La sintaxis de una variable es la siguiente:

//Palabra reservada, Nombre de la variable, símbolo de asignación y dato almacenado
var nombre = "Miguel";

Las variables pueden tener 2 estados:

Declarada

Se considera declarada cuando se asigna un nombre pero no un valor.

var mi_nombre;

Inicializada

Se considera inicializada una vez que se agrega un valor

mi_nombre = "Miguel";

Una buena practica es inicializarla en la misma linea que se declaro a menos que aun no se tenga el valor de dicha variable

En JavaScript podemos crear variables con todos los tipos de datos disponibles

//string
var nombre = "Miguel";
//number (int o float)
var edad = 23;
var minutos = 1.23
//boolean
var prueba = True;
//array
var lista = [computadora, teclado, raton]
//object
var datos = {
nombre = "Miguel",
edad = 23
}

Algunas buenas practicas a la hora de escribir nuestras variables:

• El nombre de la variable debe ser descriptivo (que haga referencia al dato almacenado)
• El nombre no puede iniciar con numero
• No se recomienda el uso de caracteres especiales, ni mayúscula al inicio del nombre
• La estructura más usada es lowerCamelCase
• Existen palabras reservadas que no pueden ser usadas como nombres de variables

las variables, nos ayudan a guardar valores en memoria.

¿Qué es una variable?

Una variable es un espacio en la memoria para almacenar un dato. Se le asocia un nombre que la identifica y un tipo de datos.

Al momentos de generar una variable hay dos estados:

• Declarar una variable: var = edad; Colocamos la palabra var y le ponemos un nombre a ése espacio en la memoria.

• Inicializar una variable: edad =30; Le ponemos un valor a la variable edad.

Variables con arrays.

var elementos ​= [“RAM, GPU”];

Variables tipo objetos

var persona = {
nombre: “Cristian”,
edad: 35
}

Declaraciones:

En JS existen tres tipos de declaraciones de variables:

1. Usando var: declara una variable, inicializándola opcionalmente a un valor. Actualmente está cayendo en desuso, sufre de unos efectos no deseados en el alcance (scope) de la declaración. Se aconseja no utilizarla ya que el nuevo estándar de JS permite otras formas de declaración que corrigen este problema.

2. Usando let: declara una variable local en un bloque de ámbito (scope), inicializándola opcionalmente a un valor. El alcance o un bloque de ámbito es el lugar en donde es visible una variable. por ejemplo, si se declara una variable con let dentro de un function, ésta variable mantiene su valor y es visible sólo dentro de una función.

3. Usando const: una constante es como una variable pero no cambia su valor, es decir ocupa un lugar en la memoria y su valor es constante y no puede ser modificado.

Los nombres de las variables, llamados identificadores, se rigen por ciertas reglas. Un identificador en JS tiene que empezar con una letra, un underscore o guion bajo (_) o un símbolo dólar ($). Los valores subsiguientes pueden ser números. Por otra parte JS hace distinciones entre letras mayúsculas y minúsculas.

Ámbitos de declaración de variables:

1. Ámbito global: es cuando se declara una variable fuera de una función, está disponible para cualquier código del documento en la que se declaró.

2. Ámbito bloque: se utiliza para las variables declaradas con la palabra reservada let/const dentro de un bloque de código delimitados por llaves { }, por lo que no son accesibles fuera del bloque.

3. Ámbito función: cuando se declara una variable dentro de una función, se le denomina variable local, está disponible sólo dentro de la función en donde fue declarada

🦄 Var se dejó de ser recomendable desde ECMAScript 6 ya que se podía reinicializar, reasignar y su alcance era globar, por lo que se tenía poco control sobre la variable ✨

las posiciones en los arreglos comienzan desde 0 por eso trae “celular”. La posición 0 del array es “computadora”

Variables:
La más fácil de entender es Const. Es una variable que no va a cambiar. Por ejemplo si tenemos una variable para determinar la cantidad de imágenes que se van a mostrar en una galería de imágenes. Nos conviene usar una variable **Const **para evitar modificarla por equivocación

Las VAR y LET son muy similares. Pero tienen una gran diferencia que es: "Como se manejan a nivel global y local. En esta etapa es comlicado entender el concepto, pero a medida que practiques vas a entender los beneficios de usar LET.

Como buena practica conviene usar LET, ya que nos aseguramos una buena practica.

var variable1;
let variable2;
const variable3;

La palabra clave “var” se utilizaba en versiones anteriores de JavaScript, pero ahora se recomienda utilizar “let” o “const” en su lugar, dependiendo del caso de uso específico.

“let” se utiliza para declarar una variable cuyo valor puede cambiar a lo largo del tiempo, mientras que “const” se utiliza para declarar una variable cuyo valor no puede ser modificado una vez que se ha asignado.

ejemplo
let nombre = “Juan”;
const edad = 30;

//Esta es la forma de declarar una variable en JavaScript:
var nombre;

//Pero esta no se inicializa hasta que se le asigna un valor:
var nombre = "Pedro";

/*JavaScrip tiene tres palabras reservadas para la declaración de 
variables, cada una con un uso particular.*/
var, let y const;

var mapa = "montañas" /*Actualmente no se recomienda el uso de var.
Una variable declarada usando var puede ser re-declarada.
Esto da pie a errores en el código*/
 
let vidas = 5 /*Let es una adición más reciente a JS y se presenta
como una mejor alternativa para la declaración de variables.
Let puede ser actualizada, pero no re-declarada- Además tiene un
alcance de bloque, lo que nos evitará muchos errores de código.*/

const tiempo = 20 /*Const llega de la mano de let con una importante
nueva caracteristica: No puede ser actualizada ni re-declarada.

/*Adicional a estas, exiten las variables tipo Array y Objeto.*/

/*Un Array nos permite almacenar un grupo de datos del mismo tipo 
en forma de lista*/
let jugadores ["j1", "j2", "j3"] 

/*Un objeto esta pensado para representar un elemento más complejo
con diferentes caracteristicas, teniendo varios tipos de variables.
Por ejemplo: el objeto usuario puede conformarse de:
nombre, edad, amigos y región.*/
let usuario = {
nombre: "Miguel"
edad: 23
amigos: ["Pablo", "Monica" , "Alicia", "Ramón"] 
región: "México"
} 

const y let es la forma en que se declaran las variables a partir de ECMAScript 6 y se ponen igual que var

let numeroUno = 1

// Variable: 

    // Representación de un lugar en memoria que reservamos para guardar un valor, mismo que puede ser de diferentes tipos.

    // Ejemplo:

        var nombre = "Hermes";

    // Declarar variable (reservando):

        var edad;

    // Inicializar variable (asignando):

        edad = 30;

    // Ejemplo Array:

        var elementos = [
            "Computadora",
            "Televisión",
            "Celular",
            "Impresora"
        ];

     // Ejemplo Object:
     
        var persona = {
            nombre: "Hermes",
            edad: 31
        };

    // Nota:

        // El simbolo = es un operador para asignar valor.

las variables son un espacio en memoria que nos permiten guardar un valor, para luego poder hacer uso de ese valor

Las variables nos permiten guardar un valor en memoria. Este valor puede tener diferentes tipos.

Hay 2 estados de una variable:

• Declarar:

var edad

(solo declaro la variable pero no le doy valor)

• Inicializar:

edad =  30

(le damos el valor)

Mis apuntes de esta clase en el editor de texto:

/* VARIABLES*/

/* Una variable es un espacio reservado en memoria para guardar un valor
ya sea de cualquier tipo*/

var nombre = 'Yordy';

// A continuación voy a declarar una variable...
var edad;

// Ahora voy a inicializar la variable 'edad'...
edad = 27;

var elementos = ['Computadora', 'Celular'] // variable declarada e inicializada.

var persona = {
    nombre = 'Yordy',
    edad = 27

Variables en JavaScript

//var es la palabra para definir una variable
// es palabra reservada

//Declarar una variable
var edad;

//Inicializar una variable
edad = 12;

//Declarar e inicializar en una sola linea
var edad = 12;

/*********************************/

//Variables tipo array
var numeros = [1, 2, 3, 4, 5];

//Imprimir variable tipo array
numeros; //[1, 2, 3, 4, 5]
numeros[0]; // 1
numeros[1]; // 2

/*********************************/

// Variables tipo objeto
var dog = {
    name: "Fido",
    age: 3,
    color: "White"
}

// Imprimir variable tipo objeto
dog; // {name: "Fido", age: 3, color: "White"}
dog.name; // Fido
dog.age; // 3

//const and let, not in this class

//NEVER STOP LEARNING!

Resumen Importante

En JavaScript tenemos tres formas de declarar una variable las cuales son: var, const y let.

En lo posible evitar el uso del var

usar var es una mala practica debido a que la variable existirá con un ámbito globlal. Usar let es la mejor opción, la variable existirá solamente en su sección de código hasta que el programador requiera de su uso y la invoque.

Este es mi resumen espero les sirva!![code.png]

Utilizar un archivo HTML añadiendole el archivo JS y utlizando console.log ayuda agiliza mucho al momento de inspeccionar las variables

var nos permite crear variables globales, let variables locales, ya privadas y const, para crear constantes.

Declarar: Implica avisar anticipadamente que vamos a usar. Esta relacionado con informar a la maquina sobre los espacios de memoria que vamos a requerir durante el proceso.

Asignación: Es cuando a las variables u objetos les damos valores.

Inicializar: Es la primera vez se asignan valores a una variable u objeto.

Implementación: Es el momento en que se agregan las lógica de como va a funcionar nuestro programa. Seria cuando colocamos métodos de clases, ciclos, condicionales, etc.

Aquí les dejo compañeros un buen artículo en medium sobre var, let y const. Click Aquí

Ejemplo: diferencia entre let y var

// la variable a es global de manera que podemos llamarla fuera de
// sentencia if
if(true){ var a = "A"; }
> a
<< A

// la variable b  no es de ámbito local de manera que fuera de la
// sentencia if ya no existira
if(true){ let b = "B"; }
> b
(x)<< Uncaught ReferenceError: b is not defined

Eché de menos en esta clase la explicación de las diferentes formas de declarar una variable, entiendo que se dará en una clase futura de Scope, pero se podría haber mencionado, el esto genial 😃

Importante:
Cuando utilizamos el =, es un operador para asignar un valor
para inicializar una variable es importante el =

Ahora, como una buena practica se deben utilizar las variables como let y const. En donde su principal diferencia radica en que en let se le puede reasignar un valor a diferencia de const,
++ ¿Sabes que pasa si le reasignas a una variable Const un valor? ++
La consola mostrara un error cuando tratemos de re asignar el valor de una variable const:

Así que cada vez que vayamos a declarar una variable, debemos pensar si en ella se le va a asignar un valor fijo o que en el transcurso de la ejecución se podría modificar.

Las variables nos ayudan a poder guardar algún valor en memoria, ya que es la representación de algún lugar en memoria que reservaremos para ciertos valores.

Para poder guardar una variable, necesitamos poner la palabra reservada “var” seguida del nombre de la variable y su valor y al final un punt y coma. Seria de esta forma:

var nombre = “Joel”;

Las variables tienen dos estados:

• Declarar : Que es cuando las hacemos, que le decimos que tenemos una variable con su respectivo nombre.
• Inicializar: Que es al momento de que le asignamos un valor.

Si no inicializamos una variable, su valor sera “undefined”

Para declarar un Array que vimos que era un tipo objeto, es la misma forma, pero al momento de inicializar tenemos que poner entre corchetes y separados por comas, los valores que queramos, así:

var Arreglo = [“Hola”, “Como”, “Estas”];

Para poder escoger uno de los variables del Array, solo ponemos el nombre y entre corchetes la posición que queremos. Ejemplo:

Arreglo[1]; —> “Como”

Al momento de declarar un objeto, igual se hace de la misma forma, pero al inicializar, lo ponemos entre llaves y dentro los diferentes atributos que asignaremos , estos serán igual que las variable, pero en vez de utilizar el operador “=” utilizaremos dos puntos “:” y separados entre si por una coma. Ejemplo:

var persona = {
nombre:“Joel”,
edad:20 }

Y para poder acceder a uno de estos atributos, necesitamos poner el nombre del objeto y un punto y el nombre del atributo al que queremos acceder, asi:

persona.nombre; —> “Joel”

Una pagina interesante para llevar este curso jsconsole.com

Resumen:

var nombre = "Francisco";

//declaracion de variables
//con dos barras inclinadas genero un comentario

var edad;

edad = 30;

//declaracion de array

var elmentos = ["computadora", "ceular"];

var persona = {
    nombre: "francisco",
    edad: 52
}```

Variables

// Var - Let - Const

// La elección entre var, let, y const depende de la naturaleza de la variable que estás declarando y del flujo de tu programa. Aquí hay algunas pautas generales sobre cómo deberías usar cada una:

/* 
1.- Let

    - Utiliza let cuando necesites reasignar valores a la variable.
    - Úsalo para variables cuyo valor cambiará durante la ejecución del programa.
    - Preferiblemente, utiliza let para la mayoría de tus variables, ya que     ofrece un alcance de bloque y evita problemas asociados con var.

2.- const

    - Utiliza const cuando quieras declarar una variable cuyo valor no cambiará durante la ejecución del programa.
    - Úsalo para constantes y valores que no deben ser reasignados.
    - Al declarar objetos o arreglos con const, ten en cuenta que la inmutabilidad se aplica a la referencia, no al contenido interno.


3.- var

    - En general, evita el uso de var en código moderno de JavaScript, especialmente cuando estás escribiendo nuevo código.
    - Si estás trabajando con código heredado o entornos específicos donde var es necesario, úsalo con precaución.
    - var tiene un alcance de función y puede causar problemas de hoisting, lo cual puede ser confuso y propenso a errores.
*/

“Variable es la representación de un espacio en memoria que se va a reservar para guardar un valor”

Me encantaria que todas las clas las explicaran de esta forma tan clara con el trasfondo de porque son las cosas.

Me gusta este tipo de clases son muy dinamicas, explica teorias y luego hace ejemplos!!

Variables: para guardar el valor en memoria y poder utilizarlo posteriormente…
Importante no perder en cuenta la cuestión de que es débilmente tipado (Visto en la primera clase) el cual implica que una variable puede cambiar de tipo de dato a traves de una re-asignación por ejemplo:

var a=4 + "7";
// Ahora a vale "47"  is es  un string
typeof a; //devuelve string
//Reasignando otro valor como
a=23;
typeof a; //Ahora a es un numerico

Byegon

variables locales y variables globales

var que no se debería usar

let y const dependiendo de el uso let es para declarar variable que podrá cambiar después

const también declara variable pero no cambia sus valores

• Una variable en JavaScript es un contenedor para almacenar valores. En JavaScript, las variables se utilizan para almacenar datos que pueden ser utilizados en el código. Las variables pueden contener varios tipos de datos, como números, cadenas de texto, booleanos, objetos y funciones.

• Para declarar una variable en JavaScript, se utiliza la palabra clave “var”, seguida del nombre de la variable. Por ejemplo, para declarar una variable llamada “nombre”, se podría escribir:

var nombre;

• Después de declarar una variable, se puede asignar un valor utilizando el operador de asignación “=” y el valor deseado. Por ejemplo:

nombre = “Juan”;

• También se puede declarar y asignar una variable en una sola línea, como en el siguiente ejemplo:

var edad = 25;

• Es importante tener en cuenta que en JavaScript, las variables pueden ser reasignadas con un nuevo valor en cualquier momento durante la ejecución del programa.

Apuntes de clase:

Crea un archivo que se llama variables.js

// Escribir variables
var nombre = "Jorge";

// Declarar variables
var edad; 
	// Inicializar variable:
	edad = 30

// Variables complejas
var elementos: strings[]
var elementos = ["computadora", "celular"];

var persona = {
	nombre: "Jorge",
	edad: 30
}

persona; 

//Variable tipo Objeto

var persona = {
nombre: “Satoshi”,
edad: 37
}

¿Pero si se sigue utilizando la palabra reservada Var?, tengo entendido que por buenas prácticas ya no solo Let, o me equivocó?

“var” ya no debería usarse; para eso ya se tienen “const” y “let” en su defecto.

var
Declara una variable, opcionalmente la inicia a un valor.

let
Declara una variable local con ámbito de bloque, opcionalmente la inicia a un valor.

const
Declara un nombre de constante de solo lectura y ámbito de bloque.

Mis apuntes 🤠🤘🏼

btw, lo siento, a veces se me cruzan los cables y termino hablando en spanglish 😅🙏