Variables, funciones y sintaxis básica
Clase 2 de 99 • 30 días de JavaScript
Contenido del curso
Johan David Muñoz Trujillo
student•
hace 3 años
Ronaldo Jiménez
student•
hace 3 años
Leonardo de los angeles Espinoza Hernandez
student•
hace 3 años
Clase 2 de 99 • 30 días de JavaScript
Contenido del curso
Las variables son ubicaciones de almacenamiento en la memoria de la computadora que se utilizan para guardar valores que se pueden utilizar más tarde en el programa. En JavaScript, existen 3 formas de declarar variables: var, let y const.
Las variables declaradas con var y let pueden cambiar su valor a lo largo del tiempo, mientras que las variables declaradas con const son constantes y no pueden cambiar su valor una vez asignado.
Y en JavaScript las puedes usar de la siguiente forma:
// Variables que pueden cambiar con el tiempo var edad = 30 let hora = 12 // Constante que no pueden cambiar const nombre = "Platzi"
En el ejemplo anterior declaramos e inicializamos todas las variables ¿Que quiere decir esto?
Básicamente el proceso de declarar una variable es especificar su nombre sin asignarle ningún valor, esto solo se puede hacer con variables (let y var) debido a que const al no poder cambiar su valor, no podremos inicializarla sin declararla al mismo tiempo.
// Declaración var edad let hora
Mientras que el inicializar una variable es el asignarles cualquier valor.
// Declaración var edad let hora // Inicialización edad = 30 hora = 12 // Declaración & inicialización const name = "Platzi"
Como te habrás dado cuenta, en JavaScript, no es necesario declarar explícitamente el tipo de datos de una variable al asignarle un valor. En su lugar, el lenguaje determina el tipo de datos de la variable en tiempo de ejecución basándose en el valor que se le asigna. Esto hace que JavaScript sea un lenguaje débilmente tipado.
Es importante tener cuidado al trabajar con variables débilmente tipadas, ya que pueden traer problemas si no mantienes las variables del tipo que esperas que sean. Por ejemplo, si intentas realizar una operación matemática con una variable que contiene un valor de texto en lugar de un número, obtendrás un error. Por lo tanto, es importante asegurarse de que las variables contengan los valores adecuados para el tipo de operación que se está realizando.
Funciones
Las funciones son una de las características más importantes y poderosas de JavaScript. Una función es un bloque de código que se puede reutilizar en diferentes partes de un programa.
Las funciones se usan para realizar una tarea específica y pueden recibir uno o más argumentos (también conocidos como parámetros dependiendo la situación) y pueden devolver un valor como resultado.
Para declarar una función en JavaScript, se utiliza la palabra clave function, seguida del nombre de la función y una lista de parámetros entre paréntesis. El cuerpo de la función se escribe entre llaves y contiene el código que se ejecutará cuando se llame a la función.
function miFuncion(parametro1, parametro2) { // Código de la función }
Para llamar a una función, simplemente escribes su nombre seguido de paréntesis.
miFuncion(valor1, valor2);
Las funciones también pueden devolver un valor como resultado usando la palabra clave return. El valor devuelto se puede asignar a una variable o utilizar en una expresión.
function suma(a, b) { return a + b; } let resultado = suma(2, 3); console.log(resultado); // Imprime 5
Aunque esta es la forma tradicional que se le conoce como “Function declaration”en JavaScript existen otras 3 formas de hacer uso de funciones.
(function () { console.log("Soy una IIFE"); })();
let saluda = function () { console.log("Hola"); }; saluda();
() =>. Esta función es una forma más concisa de escribir funciones y es útil para funciones de una sola línea.let saluda = () => console.log("Hola"); saluda();
Sintaxis básica
Ya que conoces este par de conceptos de JavaScript es importante que tomes en cuenta los siguientes aspectos para no tener typos en tu código o errores comunes.
Punto y coma ;
El uso de punto y coma es totalmente opcional, a excepción de algunos casos especiales como en ciclos o cuando se quiere separar declaraciones en una misma línea.
Un código así 👇
const saludo = "Hola" const nombre = "Platzi" const saludoCompleto = saludo + " " + nombre console.log(saludoCompleto) // "Hola Platzi"
Hace exactamente lo mismo que el siguiente 👇
const saludo = "Hola"; const nombre = "Platzi"; const saludoCompleto = saludo + " " + nombre; console.log(saludoCompleto); // "Hola Platzi"
Como consejo, si vas a usar el punto y coma desde un inicio trata de mantenerlo en cada linea para que por cuestiones de legibilidad se vea bien.
Corchetes o llaves {}
Las llaves {} se utilizan para encapsular bloques de código, funciones, bucles y otros elementos en JavaScript. También se utilizan para declarar objetos, un tipo de dato que veremos en la siguiente clase.
const carro = { color: "rojo", llantas: 4, marca: "Audi" }
Es importante tener cuidado al trabajar con punto y coma y llaves en JavaScript, ya que el olvido o el uso incorrecto de estos elementos puede llevar a errores en el código.
Todo esto y más lo puedes aprender en el curso Curso Básico de JavaScript
Johan David Muñoz Trujillo
Ronaldo Jiménez
Leonardo de los angeles Espinoza Hernandez
Luis Castro
Nelson David Rincon Osorio
Yenny Melissa Toro Bonilla
Leonardo de los angeles Espinoza Hernandez
Alexander Bejarano Gonzalez
Tatiana Muñoz Muñoz
Estiven Ortiz Zuluaga
Julian Roa Villamil
Cristian Contreras
Gilberto Espinoza Maciel
Jackeline Puruaya
Gilberto Espinoza Maciel
Lautaro Olivero
Wilson Tumiña Tumiña
Marisol Aremi Muñoz cruz
Cristian Canto Bueno
Alexandra Granados
Anderson Galindo Reyes
Juan Javier Arce Tibaduisa
Luis Carlos Zapata García
Edgar Benjamin Tzul Tacam
Ricardo Alfonso Chavez Vilcapoma
Fernando Antonio Flores Velez
Carlos Moises Toruño
Leonardo de los angeles Espinoza Hernandez
Ezequiel Acuña
Ricardo Alfonso Chavez Vilcapoma
Alexander Bejarano Gonzalez
Leonardo de los angeles Espinoza Hernandez
Creo que hay un error en la lectura. En la parte donde explican la declaración e inicialización de una variable están mezclando los dos conceptos. Tengo entendido que declarar la variable es indicar al programa que existe y darle nombre mientras que inicializarla es asignarle un valor. Pero corríjanme si me equivoco
Si eso mismo quería comentar. Estás en lo cierto
¡Gracias por estar al pendiente! En efecto, fue un error de nuestra parte pero ya se encuentra arreglado 💚
Aquí te dejo algunos datos curiosos sobre variables, tipos de variables y funciones en JavaScript:
.
number puede cambiar su tipo a string o booleano más tarde en el programa.
.var, let o const. var y let permiten que el valor de la variable cambie, mientras que const es una variable de solo lectura.
.Tu aporte esta cool! :D
¿Pero todavía se utiliza la palabra VAR?, ya no estaba en desuso?
En efecto, está en desuso pero si te toca mantener o trabajar con proyectos que existen desde hace ya varios años es INEVITABLE que veas un var en alguna parte del código. Por lo que es bueno que se sepa su uso y el porque ya existen las alternativas de let y const
Hola Yenny, utilizando var puedes tener problemas con las buenas practicas de desarrollo de tus aplicaciones, por ejemplo si creas una variable y le asignas un valor y luego lo haces con la misma variable y le asignas otro valor, js lo va a permitir. Ejemplo:
const { log } = require("console")
var name = "peter" var name = "parker" log(name)//parker no es correcto
let other ="spiderman" let other ="hulk" log(other)//dara error , variable ya creada
Tratando de hacer cada clase llamativa para mí con mis apuntes.
Que gran idea de tomar apuntes de los temas, muy interesante, como una observación, de pronto te puedes confundir con el apunte del pie de pagina, ya que pusiste que las variables de tipo CONST no se pueden inicializar, según lo explicado es todo lo contrario, esa variable es la única que se obliga siempre a declarase e inicializarse al mismo tiempo, a diferencia de los otros dos tipo que si permiten declararse y luego poder asignar el valor a utilizar con ellas.
Aunque tengo conocimientos previos, siempre es importante refrescar conceptos y asegurarme de tener una base sólida en la programación. ¡Vamos por más aprendizaje! 💪🏼💻
Cierto. Tambien tengo algo de bases, pero cuando me devuelvo a repasar: recuerdo algún concepto que habia olvidado, refuerzo algo que no tenia tan claro o aprendo algo nuevo. No hay pierde. /,,/
Que grave. Estaba esperando el live de hoy donde hablan LeoCode y GNDX acerca del reto. ¡Veremos las reacciones del primer día del curso https://platzi.com/eventos/developer-group-2102
¿Qué es grave?
Algo inesperado. Escribí el comentario emocionado porque no esperaba el curso con una semana de anticipación.
buena clase, tiene cierta similitud con python por lo que leo 🤓☝️
Nada es grave, vengo del live de... Active Learning en la escuela de Desarrollo Web. jejeje
Hola, me gustaria saber como puedo ver las clases o bien a que hora son?
En su momento pensé que este tema de las variables no era muy importante pero con el tiempo he aprendido que es fundamental ya que al desarrollar código lo vemos todo el tiempo y de ello depende que nuestro programa pueda correr bien.
Este documento es una guía detallada de las reglas y características que definen el lenguaje de programación JavaScript. La última versión de esta guía se encuentra en https://tc39.es/ecma262/ .
El documento contiene todas las características y reglas más recientes de JavaScript, y está disponible para que cualquier persona pueda leerlo y aprender de él. El documento está dividido en secciones y se puede ver en una sola página o en varias páginas.
Es importante tener en cuenta que el documento puede ser bastante técnico y detallado, pero es una referencia valiosa para cualquier persona que desee aprender a programar en JavaScript o profundizar en su conocimiento de este lenguaje de programación.
Algunas de las principales diferencias entre let y var:
Su alcance (scope): las variables var no se limita al bloque de código en el que se definen, puesto que se puede acceder a ella desde afuera en la función en la que se encuentra dicho bloque; var es de alcance de función (function-scoped), mientras que let (al igual que const) es de alcance de bloque (block-scoped):
Relación con el objeto window: Las variables declaradas con var fuera de una función (como variable global) se convierten en propiedades del objeto window (un objeto global que se crea automáticamente al cargar una página web en un navegador), pero si usamos let o const, esto no ocurre:
Es bueno aclarar que no necesariamente al declarar una función se deben agregar parámetros ya que depende de lo que requiera solucionar con la misma.
function saludar() { console.log("Hola team Platzi"); }
function consultarHora() { const fecha = new Date(); return `Hora actual: ${fecha.getHours()}:${fecha.getMinutes()}:${fecha.getSeconds()}`; }
function sumar(a, b) { return a + b; }
Diferencias entre variables vat let const
Declaracion variables Javascript
Las variables declaradas con var y let pueden cambiar su valor a lo largo del tiempo, mientras que las variables declaradas con const son constantes y no pueden cambiar su valor una vez asignado.
Comencé a tomar este curso, porque no comprendía del todo JS en lugar de comprender como se lee el código, ya cuando hay HTML y CSS combinado con la manipulación del DOM entendí que solo avanzaba para cumplir el curso y no por aprender, tuve que reestructurar mi ruta de aprendizaje y aquí andamos.
Hoy entendí mejor lo que son:
Sé cómo se declaran mejor y voy entendiendo de mejor manera
¿Recomiendan hacer uso del "punto y coma"?
Ya que estoy muy acostumbrado a lenguaje tipo Java o C, que su omisión en estos lejuages fuertemente tipados causa errores de sintaxis
En mi opinión personal, acostumbrate a usarlo y a no usarlo. En proyectos reales por lo regular ocupas un formateador de código (linter) al cual le pasas una configuración para que al momento de guardar tu código lo formate con ciertas reglas especiales las cuales incluyen el poner o quitar los puntos y comas.
¿Se podría decir que un parámetro es la declaración de una variable de una función, mientras que un argumento es la inicialización de dicha variable?
Algo así...parámetro es esto:
function suma(a, b) { //a , b son parámetros return a + b; }
Y argumentos son los valores que le pasas a la función cuando es llamada luego:
let resultado = suma(2, 3);
Cual es la mejor manera de leer datos desde consola ingresados por teclado sin tener que estar en html?
Puedes usar console.log() para verificar el contenido de tus variables o sus distintos métodos para hacer más fácil la lectura de los datos, por ejemplo el usar console.table() para arrays o console.error() para los errores. Si quieres irte a un lado más profesional, usa el debugger que te muestra a detalle TODO acerca de tus variables como su scope y valor en cada momento