Javascript es como un tarro de miel. Puedes sumergir el dedo en él y tomar un bocado. Es dulce. Es asombroso. Es peligroso. Puede ser peligroso, como miel caliente, en un recipiente.

¿Es complicado JavaScript? Bueno, deberías encontrar una respuesta a esta pregunta al final de este extracto (incluidas también las otras partes). Podemos hacer otra pregunta. ¿Cuánto conocimiento de JavaScript es necesario para desarrollar un programa? Sería útil que comprendiera los datos y el flujo de datos. ¿Qué datos necesito y cómo los estructuro? ¿Qué hago con los datos? Algo así. Cuando piensas en un concepto, lo haces o deberías poder hacerlo. Y ese será esencialmente el objetivo de este material (aunque no nos hemos olvidado de la primera pregunta: "¿Es complicado JavaScript?").

Normalmente prefiero artículos breves y detallados, pero esta vez serán largos, así que abróchate el cinturón.

Discutiremos los tipos de datos y las variables en esta parte.

Ejecutando JavaScript

Anteriormente en Qué es Nodejs, creamos un programa Hola Mundo. Haremos lo mismo aquí.

Para ejecutar un programa Javascript, necesitamos nodejs y un programa (código) para ejecutar. Usaremos un archivo llamado app.js. Así que cree un archivo llamado app.js y sígalo. La extensión .js indica que es un archivo Javascript. Ya hemos hablado de esto, así que lo dejaré así.

node app.js

consola.log

Existe una forma sencilla de imprimir texto (datos) en el terminal (pantalla) y esto se hace con console.log. Al igual que nuestro programa Hola Mundo. Ingresa este código en tu editor de texto.

console.log("Hello, it's me, javascript");

Cualquier dato válido que coloquemos entre ( y ), se imprimirá en el terminal. En nuestro caso imprimimos un texto en la pantalla que decía: Hola, soy yo, javascript. Hay comillas dobles rodeando (encerrando) los datos que queremos imprimir. Esta cita adjunta convierte nuestros datos en una cadena.

Intenta imprimir (escribir) tus cadenas en el terminal y pruébalo.

Para el beneficio de la duda, cuando crees tu app.js, guárdalo cuando ingreses tu código y luego ejecútalo.

Cadena

Una cadena es un valor (datos) encerrado entre comillas (comillas dobles, comillas simples o comillas invertidas). Una cadena es un texto. Su nombre, grado, etc. son cadenas. Una cadena puede ser una frase, oración, párrafo, palabra, carácter, etc.

Ejemplos

• "Lorem ipsum"
• 'Lorem ipsum'
• \Lorem ipsum\\
• "¡Oh! ¿Esa biblioteca fue desarrollada por Ant Fu, un error fanático del código abierto?"
• "La mamá de Danny es directora ejecutiva de tecnología"
• "Quiero usar una comilla simple en una cadena. Entonces, ¿no es mejor usar una comilla doble como las comillas adjuntas?"
• 'Quiero usar comillas dobles en una cadena. La comilla simple decía: "Había una cadena llamada foo bar"'
• "Puedo mezclar y combinar comillas simples y dobles entre comillas invertidas", dijo el padre de John Doe.\

Los ejemplos anteriores fueron para mostrarle cómo usar cadenas y señalar la advertencia que conlleva el manejo de cadenas en JavaScript. Para empezar, puedes decidir utilizar comillas dobles o simples. Tú eliges. Utilice comillas invertidas cuando realice interpolaciones de cadenas o cuando encuentre el último ejemplo. Solo sepa que, cuando usa una comilla para crear una cadena, la comilla de apertura debe coincidir y cerrarse con la misma comilla. Por lo que no se puede abrir con comillas simples y cerrar con comillas dobles.

Podemos usar comillas (comillas dobles, comillas simples o comillas invertidas) en la cadena delimitada por comillas, pero luego tenemos que escapar de ellas. Usamos una barra invertida, \.

Ejemplo

console.log('we can use double quote in a double-quoted string, " by escaping');

Ahora, usa console.log para registrar las cadenas anteriores y escribe las tuyas propias.

Número

Ejemplos de números: -3, 5, 10000, 12,5, etc. Se pueden utilizar para representar el valor contado o medido de un artículo. Quiero decir, eso es lo que es un número. ¿O?

booleano

Un booleano es un tipo de valor (datos), al igual que una cadena y un número. Sin embargo, los valores de un booleano son verdaderos o falsos. Se da el caso de que alguna condición lo es, o no lo es.

Objeto

Un objeto en Javascript es una forma de presentar datos emparejados clave-valor. Podemos usar un objeto literal para agrupar datos relacionados sobre algún elemento. Para crear un objeto literal encerramos estos datos entre {y}. Creemos un perfil de usuario.

Ejemplo

Console.log el perfil de usuario. El perfil de usuario nombre, fecha de nacimiento, profesión, número de mascotas, peso de proteína en gramos, tiene trabajo, etc. Cada valor clave está separado por una coma. Una clave va seguida de dos puntos y luego del valor, para formar un par clave-valor. Por lo general, las claves son cadenas (Sí, encerramos las claves de un objeto entre comillas). Puede agregarle más claves (propiedades).

nombre es una cadena (me refiero a su valor). Hay un objeto de fecha en javascript, pero por ahora podemos usar una cadena para fecha de nacimiento. profesión también es una cadena. número de mascotas y peso de proteína en gramos son ​​números. tiene un trabajo indica si el titular del perfil tiene un trabajo. Entonces es un valor booleano.

{
    "name": "John Doe",
    "date of birth": "2000-12-25",
    "profession": "Software Engineer",
    "number of pets": 2,
    "weight of protein in grams": 12.5,
    "has a job": true
}

Este es un objeto (literal) que detalla el contenido del perfil de John Doe.

Ahora podemos consolarlo.lograr.

console.log({
  name: "John Doe",
  "date of birth": "2000-12-25",
  profession: "Software Engineer",
  "number of pets": 2,
  "weight of protein in grams": 12.5,
  "has a job": true,
});

Tenga en cuenta que es importante convertir las claves en una cadena por ahora. Sea curioso y utilice algo más que una cuerda como clave. Aprenderás mucho.

Calculadora

Las matemáticas son algo cotidiano para la programación y la ciencia en general. No necesitaremos tantas matemáticas. Todo lo que necesitamos saber es suma ( ), resta (-), multiplicación (*), división (/), módulo (%) y exponente (**).

A partir de aquí, el módulo (%) y el exponente (**) son nuevos para usted, por lo que haremos algunos cálculos.

// adding numbers with the plus
console.log(3   3); // answer = 6
console.log(1   2   4); // answer = 7

// subtraction with dash
console.log(6 - 3); // answer = 3
console.log(-16 - 3); // answer = -19

// multiplication with asterisk
console.log(5 * 3); // answer = 15
console.log(30 * 15); // answer = 450

// division with forward slash
console.log(30 / 5); // answer = 6
console.log(12.25 / 0.5); // answer = 24.5

// modulo (is the remainder after division is done) with the percentage sign (%)
console.log(5 % 2); // answer = 1
console.log(2 % 5); // answer = 2

// exponent with two asterisks (**)
console.log(5 ** 2); // answer = 5 * 5 = 25

variables

En un segundo, hablaremos sobre qué es una variable después de considerar por qué las necesitamos. Creo que sabrías qué es una variable según por qué podrías necesitarla.

Consideremos las cadenas, números, valores booleanos, objetos y cálculos que hemos realizado hasta ahora. ¿Cómo obtenemos esos valores y hacemos otros cálculos sobre ellos? Usamos una variable.

Entonces podemos tener el resultado de 3 3 que es 6 almacenado o asignado como valor a una variable. Entonces podremos usar ese valor más tarde. De esta manera realizamos un seguimiento del valor (estado) de la variable. Sepa que, siempre que vea una variable, hay un valor.

Una variable es una etiqueta, etiqueta o nombre adjunto a un valor. Dondequiera que llame (referencia) o use esa variable, se hace referencia al valor. Cuando decimos, sea x 2. Suma 3 a x, es decir, x 3. El resultado será, x 3 = 2 3 = 5.

Una variable contiene datos que se utilizan en el flujo de datos.

Const y Let
En Javascript, se utilizan const y let (en minúsculas) al crear variables.

• usa const cuando quieras asignar un valor que no debería o no cambiaría
• usa let cuando quieras asignar un valor que pueda cambiar

Creemos y usemos algunas variables

const name = "John Doe";
const dateOfBirth = "2000-12-25";
const profession = "Software Engineer";
const numberOfPets = 2;
const weightOfProteinInGrams = 12.5;
const hasAJob = true;

Las variables anteriores son constantes. Si queremos que sean modificables (reasignados), usaríamos let en lugar de const. De esta forma podemos asignar diferentes valores a estas variables. Pruebe a reasignar valores a las variables constantes.

Esto es lo que queremos decir con reasignar un valor a una variable.

const name = "John Doe";
name = "Peter Dow";

O

const name = "John Doe";
name = "John Dow";

dará como resultado este mensaje de error: TypeError no detectado: Asignación a variable constante.

Notas sobre variables

• Para crear una variable, podemos usar const y let.
• Toma la forma, let = ;
• es el nombre/etiqueta/frase. Mire las variables constantes anteriores.
• debe comenzar con un carácter alfabético o guión bajo (_)
• no puede tener un espacio. mi nombre no puede ser un nombre de variable debido al espacio.
• puede contener números. Basado en las reglas anteriores, podemos tener nombre1, a1, _pet3_, MAX_LIFE, max_life, maxLife, MaxLife, etc.
• Es mejor que el nombre de una variable describa o le informe sobre los datos que contiene o para qué se utilizará o se utilizará la variable.
• Estas variables: MAX_LIFE, max_life, maxLife, MaxLife, dicen lo mismo, max life.
• Se utilizó este formato, maxLife, conocido como camelCasing. Esto, MaxLife es PascalCasing. Este max_life es Snake_casing. Esto, MAX_LIFE, se utiliza para crear constantes.

Podemos crear una variable para el objeto de perfil que creamos anteriormente.

const profile = {
  name: "John Doe",
  "date of birth": "2000-12-25",
  profession: "Software Engineer",
  "number of pets": 2,
  "weight of protein in grams": 12.5,
  "has a job": true,
};

console.log(profile);

Conclusión

Hay más que discutir sobre datos y flujo de datos. Hasta ahora, hemos analizado cadenas, números, booleanos y un objeto literal. Como comentamos, una variable es una forma de realizar un seguimiento de los valores. La declaración const x = 2 asigna el valor 2 a la variable x.

El signo igual a, =, es el operador de asignación. Por eso decimos, a una variable x se le asigna un valor de 2.

Tenemos más información sobre javascript para analizar, como por ejemplo:

• Interpolación de cadenas y una esencia de sus métodos
• Matrices
• Estructuras de control (sentencias if, bucles)
• Funciones
• Devoluciones de llamada, promesas, asíncronos y en espera
• La próxima gran novedad