Variables en JavaScript

4/22
Recursos
Transcripción

Aportes 429

Preguntas 32

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

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.

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í

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

concepto grafico de variable

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.

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 😄

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”.

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 ^^

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

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

Genial! Comparto mis apuntes:

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

//Declarar
var name;
//Inizializar
name = "Brayan"; 

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.

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;

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!!!

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.

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

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

¿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";

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.

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 😁

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

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

 	    inicializa	    declarar
var		nombre	  =    "Pablo"; 			

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

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!  */

¿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.

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).

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

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.

<h5>var se puede re-inicializar</h5>

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

// se inicializa
var nombre = "Oscar";
// se re-inicializa
var nombre = "Carlos";
<h5>var se puede re-asignar</h5>

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";
<h5>Var tiene un contexto de función o global</h5>

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

<h5>no se puede re-inicializar</h5>

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
<h5>se puede re-asignar</h5>

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
<h5>Su contexto es de bloque</h5>

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.

<h5>No se puede re-inicializar</h5>

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;
<h5>No se puede re-asignar</h5>

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 💚

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

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:)

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.

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:

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

las variables, nos ayudan a guardar valores en memoria.

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

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

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.

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

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.

//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.

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

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

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”]

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.

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

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”

//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
}

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
}```

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

CTRL + /

const y los objetos
Tenemos que tener cuidado cuando deseemos almacenar un objeto JSON en una constante de JavaScript. La lógica de cualquier programador nos diría que si almacenamos valores primitivo en un ‘const’ estos son inmutables por lo que el comportamiento esperado con los objetos debería ser el mismo, es decir, que las propiedades del objeto serán inmutables. Como vemos en el siguiente ejemplo, esto no es así y no se produce error al asignar nuevos valores a la propiedades:

(() => {
  const myObject = {
    foo: 'bar'
  };

  myObject.baz = 'Es mutable';
  myObject.foo = 'No se lanza ninguna excepción';

  console.log(myObject);
})()

Tiene sentido que esto no sea así y los programadores JavaScript más veteranos lo encontrarán bastante lógico.

Recordemos que en JavaScript, cuando asignamos un objeto a una variable, no estamos almacenando el objeto en si en esa variable, si no que se está almacenando una referencia del objeto. Se almacena el puntero con la posición donde se encuentra el objeto real.

Por tanto, si seguimos esta lógica, lo que ‘const’ está convirtiendo en inmutable no es el objeto en si, si no la referencia a ese objeto. En este siguiente caso, la asignación si da un error por intentar asignar una nueva referencia en la constante:

(() => {
  const myObject = {
    foo: 'bar'
  };
  
  myObject = {}; // Lanza error

  console.log(myObject);
})()

Por buena practica para este tiempo se usa mas “let” que "var"
y const para valores que no van a cambiar

Declaración de variables

las variables se pueden declarar con la palabra reservada let o con la palabra reservada var .

A partir de la versión 6 de ECMAScript se incorporó la palabra reservada let, esto con el fin de resolver algunos problemas lógicos que tenía var

var edad = 10
var edad = 20
console.log(edad) // 20

let edad = 10
let edad = 20
console.log(edad) // error

// solución
let edad = 10
edad = 20
console.log(edad) // 20

Por ejemplo, mientras que con la palabra reservada var podemos declarar dos veces una misma variable sin aparente problema, mientras que con let no es así, evitando de esta manera que dañemos el la funcionalidad y la lógica al declarar la misma variable en diferentes partes del código.

var edad = 10
if(true){
    var edad = 20
    console.log(edad) // 20
}
console.log(edad) // 20

let edad = 10
    if(true){
        let edad = 20
        console.log(edad) // 20
    }
console.log(edad) // 10

Declaración de constantes

las constantes se declaran con la palabra reservada const .

A diferencia de las variables, las contantes son datos que no cambian a lo largo del código y al igual que con let no se pueden declarar dos veces, tampoco podremos cambiar el valor de una constante incluso aunque llamemos a la misma sin el uso de la palabra reservada const

const edad = 10
const edad = 20 // SyntaxError

const edad = 10
edad = 20 // Error: "edad" is read-only

const edad = 10
    if(true){
        const edad = 20
        console.log(edad) // 20
    }
console.log(edad) // 10

Excepciones

Aún y con lo anterior explicado tenemos algunas excepciones, pues podremos cambiar el valor de una constante tal como lo haríamos con una variable al

var edades = [10,20,30]
var edades = [10,20,30,40]
console.log(edades)

let edades = [10,20,30]
edades = [10,20,30,40]
console.log(edades)

const edades = [10,20,30]
edades = [10,20,30,40]
console.log(edades)

const edades = [10,20,30]
edades.push(40)
console.log(edades)

const persona = {
  nombre: 'juanito',
  edad: 20
}

persona.edad = 21
persona.pais = 'México'

console.log(persona)

se empieza contar desde 0, por eso cuando el profesor puso la variable elementos.

el elementos declaro (celular)
y no computadora.

0 es computadora.
1 es celular.

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

Si colocas 1 en los elemntos llamas a celulares y si pones 0 llamas a computadoras. Debe ser por binario…

Si queremos entrar a los valores de un array, solo necesitamos usar la slice notation.

Desde ya, recomiendo esta extensión para visual estudio code que se llama Code Runner
.
Es para que puedan ejecutar su código JS en el mismo VSCode sin necesidad de ir a Google.

Recomendaciones para nombrar una variable en JavaScript:
*En JavaScript, el primer carácter debe ser una letra, un guión bajo (_) o un signo de dólar ($).
*Los caracteres siguientes pueden ser letras, dígitos, guiones bajos o signos de dólar.
*las variables declaradas con VAR tienen un alcance global y se elevan a la parte superior y se pueden inicializar en cualquier momento.
*Hay una lista de palabras reservadas, las cuales no pueden ser utilizadas como nombre de variable porque el lenguaje en sí las utiliza.
*Letras que no son del alfabeto inglés están permitidas, pero no se recomiendan
*Cuando el nombre contiene varias palabras, se pueden escribir en Lower Camel Case,Upper Camel Case (Pascal Case) , Hyphens y Underscore, pero comúnmente se utiliza camelCase más en JavaScript.

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.

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

Es muy bueno el profe! 🙌🏼🙌🏼

Resumen Importante

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!

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

para declarar una variable, empezamos con la palabra var, luego su nombre y luego lo que alamacena y el semi colon.

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

let no se puede reinicializar, pero su se puede reasignar. Muy diferentes.

var nombre = "Oscar";

//declarar
var edad;

//inicializar
edad = 30;

//declarando e inicializando una variable
var elementos = ["computadora","celular"];

//un objeto
var persona = {
    nombre: "Diego",
    edad: 30
}

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"];

Estructuras y Tipos de datos

Valores primitivos

En JavaScript, un valor primitivo, son datos que no son un objeto y no tienen métodos. Existen 6 tipos los cuales son:

  • String
  • Numer
  • Bigint
  • Boolean
  • Undefined
  • Symbol

Tipo boolean

Representa a una entidad lógica que puede tener dos tipos de valores, true y false. Cualquier objeto cuyo valor no sea undefined o null, incluido un objeto Boolean cuyo valor sea false, se ****evalúa como true

var x = new Boolean(false);
if (x) {
  // este código se ejecuta
}

Variables: esas cajitas mágicas que reservan un espacio en memoria y guardan cualquier tipo de dato que nosotros les indiquemos.

Una variable es un espacio en la memoria a la cual se le asigna un nombre y un valor.
Tipos de variables:

  • const: tendra un valor definido que permanece inmutable durante toda la ejecucion del codigo.
  • let: tendra un valor definido que podemos modificar durante la ejecuacion de nuestro codigo.

bien javascript

var nombre = "PEPE";
var edad; // Estado de la variable declarada, pero aún sin asignar
edad = 20;// Estado de la variable asignada
var elementos = ["computadora", "ceular"];
var estudiante = {nombre:"PEPE", edad:20, estado:true};
elementos[0];
estudiante.nombre;

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)

Seria interesante ver la explicacion de una manera mas grafica, aunque obviamente estamos hablando de codigo. Y en la pronunciacion de ciertas palabras que son en ingles, se escuchan de forma extraña. Del resto excelente instructor…

var : Palabra reservada para guardar variables.
var nombreVariable = bytesAlmacenados ;
Declarar
var nombreVar;
Inicializar
nombreVar = bytes;

Listas
nombreVar[Índice]

Esta web les será muy útil.

https://jsconsole.com/

// 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.