Las variables son uno de los conceptos fundamentales en programación y se pueden imaginar como cajas etiquetadas, donde podemos almacenar y recuperar datos según sea necesario. Así como las cajas tienen nombres para identificar su contenido, en programación, las variables también llevan un nombre descriptivo para indicar su propósito.
¿Cómo declarar y asignar variables en JavaScript?
En JavaScript, las variables se declaran utilizando la palabra clave let o const. Aquí un pequeño ejemplo:
let cajaDeAndy ="Woody";console.log(cajaDeAndy);
En este ejemplo, creamos una variable cajaDeAndy que almacena un texto "Woody". La función console.log se utiliza para mostrar el contenido de la variable en la terminal.
Buenas prácticas al nombrar variables
Para que el código sea comprensible:
Utiliza nombres descriptivos que indiquen el propósito o contenido de la variable.
Evita nombres ambiguos como C, D, o A.
Prefiere nombres largos y descriptivos sobre abreviaciones obscuras.
Usa abreviaciones bien conocidas como URL para "Uniform Resource Locator" o ID para "identificador".
¿Qué es let y qué es const?
let: Se usa para declarar variables que pueden cambiar su valor durante la ejecución del programa.
let contador =0;contador = contador +1;
const: Se usa para declarar variables cuyo valor no cambiará una vez asignado.
constPI=3.14159;
De esta manera, JavaScript ofrece flexibilidad a la hora de manipular datos, ya sea que necesiten ser constantes o cambiantes.
Errores comunes y recomendaciones adicionales
Coloca las declaraciones de variables al inicio del archivo para mayor claridad.
Usa comentarios para documentar partes críticas del código y evitar confusiones futuras.
Evita usar espacios en nombres de variables, mantén todo en un solo bloque para mejorar la legibilidad del código.
JavaScript también permite omitir los puntos y comas, pero algunos programadores prefieren usarlos por claridad. Cada programador debe elegir un estilo coherente en todo su código.
Al escribir variables, asegúrate de que describan claramente lo que representan y considera tanto al tú del futuro como a otros que puedan leer tu código más adelante. Aplicando estas buenas prácticas, facilitarás el mantenimiento y la comprensión del código. ¡Continúa aprendiendo y explorando más sobre programación!
Algo importante que mencionar referente a la anatomia de una varible es saber porque se escribe de esa manera, "cajaDeAndy", por que las mayusculas?
A esta estructura se le llama lowerCamelCase.
Tambien existen:
Snake_case:my_name.
PascalCase:MyName.
Kebab-case:my-name.
En Javascript es mas comun utilizar lowerCamelCase
Muchas gracias Amigo!
gracias por el aporte!
<u>Var:</u> Es una forma antigua de declarar variables en JavaScript.
***<u>Let: </u>***Es una forma moderna de declarar variables en JavaScript.
<u>Const:</u> Es otra forma moderna de declarar variables en JavaScript, utilizada cuando no quieres que el valor de la variable cambie.
<u>Ejemplos:</u>
// Ejemplo varvar nombre ='Juan';console.log(nombre);// Juan// Ejemplo letlet edad =16;console.log(edad);// 16// Ejemplo constconst ciudad ='Ciudad de México';console.log(ciudad);// Ciudad de México
ademas
var : Tiene un ámbito de función y puede ser redeclarada.
y let Tiene un ámbito de bloque y no puede ser redeclarada dentro del mismo bloque
Concepto de Variables en Programación
Las variables en programación se pueden imaginar como cajas que almacenan cosas.
Estas cajas (variables) tienen nombres o etiquetas que nos permiten identificarlas y saber qué contienen.
En JavaScript, se utilizan palabras clave como let para declarar una variable.
Declaración y Asignación de Variables en JavaScript
Declaración: Crear la caja (variable) con un nombre.
Asignación: Almacenar algo en la caja (variable).
Ejemplo en JavaScript
Usamos let para declarar una variable.
Le asignamos un nombre descriptivo para saber qué contiene.
Asignamos un valor a la variable usando el signo igual (=).
let cajaDeAndy ="Woody";console.log(cajaDeAndy);// Output: Woody
Importancia de Nombres Descriptivos
Los nombres de las variables deben ser descriptivos y evitar ambigüedades.
Correcto: Nombres que describen claramente el contenido.
Incorrecto: Nombres como C, D, A que no describen el contenido.
Ejemplos de Nombres Correctos e Incorrectos
Incorrecto: let C = "Woody"; – No es descriptivo.
Correcto: let cajaDeAndy = "Woody"; – Es descriptivo y claro.
Buenas Prácticas en Nombramiento de Variables
Evitar abreviaciones ambiguas.
Utilizar nombres largos y descriptivos si es necesario.
Las abreviaciones comunes como URL y ID son aceptables porque son entendidas generalmente.
Ejemplos
Correcto: let primerTrasteoDeAndy = "Caja grande";
Correcto: let userID = "12345";
Organización del Código
Declarar variables al inicio del código.
Mantener las variables en orden y una debajo de la otra.
Uso de let y const en JavaScript
let: Para variables que pueden cambiar con el tiempo.
const: Para variables constantes cuyo valor no cambia.
Ejemplo con let y const
let contador = 0; – Variable que puede cambiar.
const PI = 3.14; – Constante que no cambia.
let contador =0;contador = contador +1;constPI=3.14;console.log(PI);// Output: 3.14
Comentarios y Buenas Prácticas
Escribir comentarios para explicar el código y hacerlo más entendible para el "yo del futuro" o para otros programadores.
Evitar nombres de variables no descriptivos y mantener el código organizado y legible.
Ejemplo de Comentarios
// No permitidoletC="Woody";// Permitidolet cajaDeAndy ="Woody";// Variable descriptiva// Otro ejemplo con abreviación conocidalet userURL ="";let userID =12345;
Próximos Pasos
Practica la declaración y asignación de variables en tu editor de código.
Utiliza nombres descriptivos para tus variables.
Experimenta con let y const y observa cómo cambian o permanecen constantes.
Sigue las buenas prácticas para mantener tu código limpio y entendible.
Aquí viendo de nuevo el curso para pulir conocimientos :)
no sos el unico haha
Como quién dice, lo más difícil del código no es programar, sino nombrar variables hehe
Qué bueno que en este curso incentiven a las buenas prácticas desde el principio: el uso de la terminal con Node y el nombramiento de variables.
gráfico infravalorado, muchas gracias por compartirlo
Con var podriamos hacer esto
var nombre = "Miguel";
var nombre = "Andrea";
console.log(nombre)
A eso se le llama redeclarar, con let nos daría error.
En muchos proyectos no se le dio la importancia necesaria a las variables que luego costaron muchas horas más de trabajo de las esperadas. 🥲
Otra manera de aumentar una variable con valor numérico es:
contador++
Ejemplo:
let contador =0;console.log(contador);contador++console.log(contador);contador++console.log(contador);```Prueben ejecutando este código, el output será:
`0``1``2`
gracias por tu aporte miguel
La profesora es excelente tiene un tono de voz muy chevere y explica de manera muy clara.
Una variable es una palabra que representa algo que cambia o experimenta algún tipo de modificación y carece de estabilidad, constancia y mutabilidad.
En términos más simples, la variable es un símbolo que señala a un elemento no específico dentro de un grupo particular. Este grupo se denomina a menudo conjunto universal de la variable y cada elemento en este conjunto es un valor de la variable. Se encuentran en algoritmos, afirmaciones y fórmulas.
Ejemplos y usos de las variables
Las variables son elementos esenciales en las fórmulas, afirmaciones y algoritmos, ya que pueden adquirir diferentes valores mientras se mantienen dentro de un conjunto específico.
Uso de variables en programación y Javascript
En programación, una variable es un lugar en memoria en la cual podemos guardar objetos (números, texto, etc.). Esta posee un identificador o nombre con el cual podemos llamarla más tarde cuando la necesitemos.
En términos más específicos, una variable consta de tres elementos principales:
1. Nombre: es el identificador único que se utiliza para referirse a la variable.
2. Tipo de dato: es el tipo de información que se almacena en la variable, como números enteros, decimales, cadenas de texto, booleanos, entre otros.
3. Valor: es el contenido actual almacenado en la variable.
En su momento me sirvió mucho asociar el nombrar variables con hacer una mudanza.
Entonces para organizarnos por ejemplo podríamos saber la cantidad de platos que tenemos en total:
const platosHondos = 4;
const platosPlayos = 8;
let totalPlatos = platosHondos + platosPlayos;
console.log(totalPlatos);//imprime 12
De esta forma entendí la importancia de darle un nombre claro a cada variable.
My notes:
let primerHokage = 'Hasirama Senju'let segundoHokage = 'Tobirama Senju'let terceroHokage = 'Hiruzen Sarutobi'let cuartoHokage = 'Minato Namikaze'let quintoHokage = 'Tsunade'let sextoHokage = 'Kakashi Hatake'let septimoHokage = 'Naruto Uzumaki'
console.log(primerHokage)console.log(segundoHokage)console.log(terceroHokage)console.log(cuartoHokage)console.log(quintoHokage)console.log(sextoHokage)console.log(septimoHokage)```js
let primerHokage = 'Hasirama Senju'
let segundoHokage = 'Tobirama Senju'
let terceroHokage = 'Hiruzen Sarutobi'
let cuartoHokage = 'Minato Namikaze'
let quintoHokage = 'Tsunade'
let sextoHokage = 'Kakashi Hatake'
let septimoHokage = 'Naruto Uzumaki'
Semántica: El nombre debe decir qué contiene sin necesidad de comentarios.
Camel Case: En JavaScript, si el nombre tiene varias palabras, la primera va en minúscula y las siguientes inician con Mayúscula (ej: nombreCompletoDelUsuario).
No abreviar: Es mejor primerTrasteoDeAndy que pTrasteo.
hola, a mi no me imprime el comentario en ninguna ocasión, alguien que me pueda ayudar?
gracias
pudiste resolverlo?
Por qué el resultado le sale en Terminal y ami me sale error. Pero, si me sale el resultado al darle Run and debug en Debug Console. ¿Está bien?
A mi tambien me pasa lo mismo.
como activo el autocompletado de lineas ?
El autocompletado que tiene la Profesora es una Asistente de Inteligencia Artificial. Puedes conocer el curso de Github Copilot. https://platzi.com/cursos/github-copilot/
En JavaScript, el uso del punto y coma es opcional debido a la característica de inserción automática de punto y coma del lenguaje. Sin embargo, se recomienda usarlo para evitar errores y mejorar la legibilidad del código. En el transcript se menciona que el instructor personalmente no utiliza punto y coma, pero es una buena práctica hacerlo para mantener un código claro y consistente. Por lo tanto, es recomendable usar punto y coma en JavaScript.
Una variable fija también es útil para el uso de las Api key.
