Javascript es uno de los principales lenguajes de programación en 2021. Gran parte de los sitios usa este lenguaje para hacer su contenido interactivo.Como todo lenguaje, empezaremos estudiando su sintaxis. ¿Cómo debemos escribir para que la computadora entienda algo? Esta guía para entender la sintaxis fue escrita tomando como base las explicaciones proporcionadas por Mozilla, uno de los principales navegadores actuales.Necesitarás probar tu código mientras aprendes. Para eso recomendamos cualquier plataforma online enfocada en Javacript. Repl creó un sitio bastante bueno donde puedes escribir tu código en Javascript y ver los resultados al instante, puedes acceder aquí, lo recomendamos.Entonces, ¿empezamos a escribir en Javascript?VariablesUna variable es un objeto capaz de retener un dato. Están asociadas a "nombres", llamados identificadores. Generalmente las variables quedan guardadas en la memoria RAM de tu computadora, a la que se puede acceder extremadamente rápido.Para crear una variable en Javascript basta con pensar en un nombre bonito y poner después una de estas palabras: var, let o const. Como ejemplo:| var professor_leon;El ejemplo anterior crea la variable "professor_leon". En este momento no la he igualado a nada, es una variable que no está definida, solo existe. Vamos a entender:var -> Declara una variable, opcionalmente, inicializándola con un valor.let -> Declara una variable local con alcance de bloque, opcionalmente, inicializándola con un valor.const -> Declara una constante con alcance de bloque, de solo lectura."Alcance de bloque" es un término un poco avanzado; informa dónde se usará tu variable: si la usarás durante toda la ejecución o si podrás descartarla al cambiar de función. Por ahora, simplemente vamos a iniciar variables de la forma más tradicional: usando var.Algunas variables ya existen automáticamente aunque no las hayas iniciado. Estas variables forman parte del sistema de Javascript y puedes acceder a ellas. Por lo tanto, estos nombres están prohibidos para crear nuevas variables porque ya están siendo usados:alertarraybreakbooleanbytecasecatchcharcontinuedatedocumentdeletedoelseescapefinallyfloatfunctiongotohistoryifimportimagelocationnamenewobjectopenprivatepublicshortstaticstatusstringvarvoidvoidvolatilewhilewithExisten más nombres que estos y, a medida que Javascript crece, probablemente habrá aún más, pero estos son ejemplos de los más comunes.Sintaxis básicaEn el ejemplo anterior vimos un punto y coma al final de la frase que llamó a la variable (";"). Cada instrucción dada a Javascript se separa preferiblemente con punto y coma (";"), por lo que simboliza el final de la instrucción, que en este caso fue crear una variable.JavaScript también es case-sensitive y usa el conjunto de caracteres Unicode. Por ejemplo, professor_leon y professor_Leon son dos variables distintas y ambas se guardarán en la memoria. Unicode se refiere al conjunto de letras que puede usar; los emojis están prohibidos, pero los caracteres alemanes o latinos están permitidos (professor_leão).La ConsolaAl programar, algo muy importante es acompañar tu código y verificar si todo está saliendo como lo habías planeado. Para eso, Javascript tiene una función llamada "console.log". Esta función mostrará en pantalla el valor de la variable o lo que pongas como input. Ejemplo:| var professor_leon;| console.log(professor_leon);Las instrucciones anteriores harán que al final se muestre en pantalla el valor "undefined", que significa "indefinido". El valor de la variable professor_leon efectivamente no fue definido y eso fue lo que se pidió mostrar, ya que sirvió como input para la función "console.log".ComentariosLos códigos pueden ser muy complicados y, para no perdernos, podemos escribir comentarios en medio de ellos. Los comentarios pueden escribirse de 2 formas.La primera forma es usar 2 barras invertidas ("//") para ignorar cualquier texto en la misma línea después de ellas.| var professor_leon; // holaLa segunda forma es abrir y cerrar con barra y asterisco ("/" y "/"), y Javascript ignorará cualquier texto dentro de ello, incluso si hay varias líneas entre ambos.| /*| Todo aquí será ignorado| */Los tipos de objetosEn JavaScript hay varios tipos de objetos disponibles, tales como:- Indefinido- Número entero- Número de punto flotante- String- Booleano- Array- Objeto o diccionariosNúmero entero Vs Número de punto flotanteExisten varias formas de almacenar números en la computadora. Durante la mayor parte del tiempo usarás dos tipos de almacenamiento de números para variables: int y float.Int son los números enteros:| var numero_int = 0;| var numero_int = new Number(0);Float son los números racionales y se escriben colocando un "punto" justo después del número para indicar la coma (en el sistema decimal internacional se usa punto, mientras que en Brasil se usa coma):| var numero_float = 10. ;Puedes transformar un número float en int usando la fórmula parseInt:| var numero_int = parseInt( numero_float );Lo contrario con la fórmula parseFloat:| var numero_float = parseInt( numero_int );StringString se usa para almacenar y manipular caracteres y textos. Se puede iniciar de las siguientes formas:| var texto = 'Leon';| var texto = String('Leon');| var texto = new String('Leon');Necesitamos cerrar el texto con comillas tanto al principio como al final. Las comillas también pueden ser dobles: " o '; lo importante es cerrar el texto de la misma forma en que empezó.Si necesitas usar una comilla y todavía no quieres terminar la String, puedes usar caracteres de escape para informar al sistema que ese carácter es literal:| var texto = "Leon\"";Devuelve Leon".Puedes unir dos variables de tipo String sumándolas.| var primer_nombre = 'Leon';| var segundo_nombre = 'Diniz';| var nombre_completo = primer_nombre + segundo_nombre;Devolverá "LeonDiniz" todo junto. Puedes sumar un espacio entre ellos:| var nombre_completo = primer_nombre + " " + segundo_nombre;Devolverá "Leon Diniz", más correcto.También puedes agregar variables de distinto alcance, esto hará que se conviertan automáticamente a String.| var juntar = 'Leon' + 2;Devolverá 'Leon2'.| var juntar = '2' + 2;Devolverá '22'.Para convertir de String a Número, debes usar las fórmulas parseInt y parseFloat.BooleanEl Boolean puede asumir dos valores, true y false (verdadero y falso). Puedes definir la variable de forma manual como Boolean o adoptar una comparación matemática:| var primera_booleana = true;| var segunda_booleana = false;| var tercera_booleana = 4 > 2; // devolverá verdadero| var cuarta_booleana = 1 > 2; // devolverá falsoArrayUn array literal es una lista de cero o más expresiones, donde cada una de ellas representa un elemento del array, insertadas entre corchetes ([]). Cuando creas un array usando un array literal, se inicializa con los valores especificados como sus elementos, y su longitud se define con el número de elementos especificados.| var array_de_string = ["French Roast", "Colombian", "Kona"];| var array_de_numero = [2, 3, 3];Un array es muy bueno para guardar mucha información en un solo lugar. Para llamar a una de esas informaciones, puedes usar la posición del elemento en el array. El array comienza desde cero, es decir, el primer elemento está en la posición cero.| array_de_numero[0]; // devolverá 2| array_de_string[2]; // devolverá "Kona"Objetos o diccionariosUn objeto literal es una lista de cero o más pares de nombres de propiedades y valores asociados, colocados entre llaves ({}).| var objeto_diccionario = {| 'L': 'León',| 'G':'Jirafa'| };Este objeto funcionará igual que un diccionario. Al buscar la letra L, devolverá 'León'. Al buscar la letra G, devolverá 'Jirafa'. Muy bueno para jugar STOP o para cuando tienes diversas características de un cliente y quieres almacenarlas (CPF, Teléfono, Nombre, etc.).Para obtener los valores almacenados, hay dos formas:| objeto_diccionario.L // devolverá 'León'| objeto_diccionario['L'} // devolverá 'León'| objeto_diccionario.G // devolverá 'Jirafa'| objeto_diccionario['G'] // devolverá 'Jirafa'Ejercicios1. Verifica el tipo de las siguientes variables:var a = 10, b = 4.50, c = "Agua", d = true, e;2. Crea 5 variables de tipo String y súmalas al final para formar un texto.3. Crea un array del número 1 al número 30. Accede al elemento en la posición 25. ¿Cuál es este número?4. Crea un diccionario de tu vida:(a) Escribe en él la siguiente información: CPF, Nombre, Apellido, Teléfono, Email, Fecha de Nacimiento, Cuántos años tienes, Texto sobre lo que estás pensando de Javascript.(b) Concatena el Nombre con el Apellido para obtener tu Nombre Completo.
Inicia sesión y únete a la conversación
— Comentarios 0
, Reacciones 1
Se el primero en comentar