Conceptos básicos de JavaScript

martindev

Martin Wilches

Posted on January 30, 2022

Conceptos básicos de JavaScript
  • Lenguaje de programación interpretado, con el cual es posible añadir interactividad a un sitio web.
  • Por medio de JavaScript es posible manipular el comportamiento de los elementos definidos en la estructura HTML, haciendo uso de diversos eventos, como por ejemplo, pulsar una tecla o hacer click sobre determinado elemento, entre otros eventos existentes.

Ejecutar código JavaScript

Las instrucciones escritas haciendo uso del lenguaje JavaScript pueden ser ejecutadas directamente desde el navegador web o también desde la línea de comandos del sistema.
Una forma simple de ejecutar código es haciendo uso de la consola incluida dentro de cada navegador, a la cual se puede acceder mediante la secuencia de teclas Ctrl + Shift + I, para luego introducir una instrucción valida seguida de la tecla Enter.

console.log('Hola Mundo');
Enter fullscreen mode Exit fullscreen mode

En el ejemplo anterior mediante la consola se imprime la cadena de caracteres 'Hola Mundo'.

Declaración de variables

Una variable se comporta como un contenedor de información, al cual es posible acceder mediante un identificador valido.

let edad = 10
Enter fullscreen mode Exit fullscreen mode

En el ejemplo anterior se declara una variable mediante el uso de la palabra clave let, seguido del identificar de la variable al cual por medio del operador de asignación = se le asocia un valor.
Un identificador debe seguir una serie de reglas para poder ser definido:

  • No debe iniciar con un valor numérico.
  • No debe nombrarse igual que una palabra reservada del lenguaje.
  • No debe iniciar con un carácter especial a excepción de _.
  • No debe contener espacios en blanco.

ECMAScript 6 o ES6 es el estándar actual de JavaScript, y es quien define la forma correcta de escribir el código del lenguaje. Con esta actualización se han incluida nuevas características, entre las cuales se encuentra la forma correcta de definir variables, ya que a parte de la palabra reservada let, se incluye const, con lo cual es posible definir variables de tipo constante, cuyo valor no puede ser resignado.

const PI = 3.14
PI = 5.14 // TypeError: Assignment to constant variable
Enter fullscreen mode Exit fullscreen mode

Tipos de datos

  • number - Valores numéricos.
  • strings - Cadenas de caracteres.
  • boolean - Valores lógicos compuestos por 2 estados, true o false.
  • undefined - Valor no definido de forma intencional.
  • null - Valor no definido.
  • object - Estructura de datos.
  • function - Método encargado de realizar una acción.

Operadores condicionales

  • > - Mayor que.
  • < - Menor que.
  • == - Igual.
  • === - Estrictamente igual.
  • != - Diferente.
  • !== - Estrictamente diferente.
  • >= - Mayor o igual que.
  • <= - Menor o igual que.

Operadores lógicos

Los operadores lógicos permiten comparar 2 valores y retornar un valor booleano como resultado de dicha evaluación.

  • && - Se retorna true si cada valor evaluado es true, en caso contrario se retorna false.
  • || - Se retorna true si al menos uno de los valores evaluado es true, en caso contrario se retorna false.
  • ! - Invierte el resultado de una operación lógica, en caso de haber obtenido true el resultado se convierte a false, en caso de haber obtenido false el resultado se convierte a true.

Estructuras condicionales

Este tipo de estructura permite controlar la ejecución de una instrucción en caso de que una condición se cumpla o no.
JavaScript incluye una estructura condicional llamada if...else, la cual funciona de la siguiente manera:

const edad = 18
if (edad >= 18) {
  console.log('Usted es mayor de edad')
} else {
  console.log('Usted es menor de edad')
}
Enter fullscreen mode Exit fullscreen mode

En el ejemplo anterior se realiza la primera impresión en caso de que la condición definida retorne true, en caso contrario se realiza la segunda impresión.

Estructuras repetitivas

En JavaScript existen diferentes maneras de ejecutar un bloque de código en repetidas ocasiones, entre las cuales destacan el uso de las siguientes:

Ciclo while

El bloque de código se repite mientras se cumpla una condición, además dentro del bloque de código es necesario definir una variable encarga de que la condición se deje de cumplir en algún momento y la repetición se detenga.

let n = 1
while (n <= 10) {
  console.log(n)
}
Enter fullscreen mode Exit fullscreen mode

Ciclo for

Al igual que en el ejemplo anterior, la repetición del código se detendrá una vez la condición definida deje de cumplirse. Es común el uso del ciclo for para acceder a los valores contenidos en una estructura de datos.

for (let i = 1; i <= 10; i++) {
  console.log(i);
}
Enter fullscreen mode Exit fullscreen mode

Ciclo do...while

Esta estructura repetitiva a diferencia de las anteriores se ejecuta al menos una vez, aún cuando la condición definida no se este cumpliendo desde el primer momento.

let n = 11
do {
  console.log(n)
} while (n <= 10)
Enter fullscreen mode Exit fullscreen mode
💖 💪 🙅 🚩
martindev
Martin Wilches

Posted on January 30, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Conceptos básicos de JavaScript
webdev Conceptos básicos de JavaScript

January 30, 2022