¿Cuál es la sintaxis de JavaScript?

Resumen: en este tutorial, aprenderás sobre la sintaxis de JavaScript, incluidos espacios en blanco, declaraciones, identificadores, comentarios, expresiones y palabras clave.

Espacios en blanco en JavaScript

Los espacios en blanco se refieren a los caracteres que proporcionan el espacio entre otros caracteres. JavaScript tiene el siguiente espacio en blanco:

• Retorno de carro
• Espacio
• Nueva línea
• Tab

El motor de JavaScript ignora los espacios en blanco. Sin embargo, puedes usar espacios en blanco para formatear el código para que sea fácil de leer y mantener.

El siguiente código JavaScript no usa espacios en blanco:

let formatted = true; if (formatted) {console.log('Código Estrada Web Group');}

Es equivalente al siguiente código que usa espacios en blanco. Por lo tanto, este código es mucho más fácil de leer:

let formatted = true;

if (formatted) {
  console.log('Código Estrada Web Group');
}

Ten en cuenta que los paquetes de JavaScript eliminan todos los espacios en blanco de los archivos de JavaScript y los colocan en un solo archivo para su implementación. Al hacer esto, los paquetes de JavaScript hacen que el código JavaScript sea más ligero y rápido de cargar en los navegadores web.

Declaraciones en JavaScript

Una declaración es un código que declara una variable o le indica al motor de JavaScript que realice una tarea. Una declaración simple termina con un punto y coma (;).

Aunque el punto y coma (;) es opcional; es recomendable usarlo para terminar una declaración. Por ejemplo, lo siguiente declara una variable y la muestra en la consola:

let message = "Aprende a programar JavaScript en Estrada Web Group";
console.log(message);

Bloques en JavaScript

Un bloque es una secuencia de cero o más declaraciones simples. Un bloque está delimitado por un par de llaves {}. Por ejemplo:

if (window.localStorage) {
  console.log('Programación JavaScript');
}

Identificadores en JavaScript

Un identificador es un nombre que eliges para usar en las variables, parámetros, funciones, clases, etc. Un nombre de identificador comienza con una letra (a-z o A-Z), un guión bajo (_) o un signo de dólar ($) y es seguido por un secuencia de caracteres que incluye (a-z, A-Z), números (0-9), guiones bajos (_) y signos de dólar ($).

Ten en cuenta que la letra no se limita al carácter ASCII y puede incluir ASCII extendido o Unicode, aunque no se recomienda.

Los identificadores distinguen entre mayúsculas y minúsculas. Por ejemplo, el mensaje es diferente del Mensaje.

Comentarios en JavaScript

Los comentarios te permiten agregar notas o sugerencias al código JavaScript. Al ejecutar el código, el motor de JavaScript ignora los comentarios.

JavaScript admite comentarios de una sola línea y de bloque.

Comentarios de una sola línea

Un comentario de una sola línea comienza con dos caracteres de barras diagonales (//). Un comentario de una sola línea convierte todo el texto que sigue a // en la misma línea en un comentario. Por ejemplo:

// Este es un simple comentario JavaScript en una línea

Bloquear comentarios

Un comentario delimitado comienza con una barra inclinada y un asterisco /* y termina con el opuesto */ como en el siguiente ejemplo:

/* Este es un bloc de comentarios
En dos lineas, para que aprendas a programar */

Expresiones en JavaScript

Una expresión son lineas de código que se evalúa como un valor. Por ejemplo:

2 + 1

La expresión anterior devuelve tres.

Palabras clave y palabras reservadas

JavaScript define una lista de palabras clave reservadas que tienen usos específicos. Por lo tanto, no puedes usar las palabras clave reservadas como identificadores o nombres de propiedad.

La siguiente tabla muestra las palabras reservadas de JavaScript definidas en ECMA-262:

break case catch continue debugger default else export extends function if import new return super import throw try null void while with class delete finally in switch typeof yield const do for instanceof this var

Además de las palabras clave reservadas, ECMA-252 también define una lista de futuras palabras reservadas que no se pueden usar como identificadores o nombres de propiedad:

enum implements let protected private public await interface package implements public

Resumen

• Usa espacios en blanco que incluyen retorno de carro, espacio, nueva línea y tabulación para formatear el código. El motor de JavaScript ignora el espacio en blanco.
• Usa un punto y coma (;) para terminar una declaración simple.
• Usa las llaves ({}) para formar un bloque que agrupe una o más declaraciones simples.
• Un comentario de una sola línea comienza con // seguido de un texto. Un comentario de bloque comienza con /* y termina con */. El motor de JavaScript también ignora los comentarios.
• Los identificadores son nombres que eliges para variables, funciones, clases, etc.
• No utilice las palabras clave reservadas y las palabras reservadas para los identificadores.