ES6 - Sintaxis

Syntaxdefine el conjunto de reglas para escribir programas. Cada especificación de lenguaje define su propia sintaxis.

Un programa JavaScript puede estar compuesto por:

  • Variables - Representa un bloque de memoria con nombre que puede almacenar valores para el programa.

  • Literals - Representa valores constantes / fijos.

  • Operators - Símbolos que definen cómo se procesarán los operandos.

  • Keywords - Palabras que tienen un significado especial en el contexto de un idioma.

La siguiente tabla enumera algunas palabras clave en JavaScript. Algunas palabras clave de uso común se enumeran en la siguiente tabla.

romper como ninguna Cambiar
caso Si lanzar Más
var número cuerda Obtener
módulo tipo en vez de Tipo de
finalmente para enumeración Exportar
mientras vacío esta Nuevo
nulo súper Captura dejar
estático regreso Cierto Falso
  • Modules - Representa bloques de código que se pueden reutilizar en diferentes programas / scripts.

  • Comments- Se utiliza para mejorar la legibilidad del código. Estos son ignorados por el motor JavaScript.

  • Identifiers - Estos son los nombres dados a los elementos de un programa como variables, funciones, etc. Las reglas para los identificadores son -

    • Los identificadores pueden incluir tanto caracteres como dígitos. Sin embargo, el identificador no puede comenzar con un dígito.

    • Los identificadores no pueden incluir símbolos especiales, excepto un guión bajo (_) o un signo de dólar ($).

    • Los identificadores no pueden ser palabras clave. Deben ser únicos.

    • Los identificadores distinguen entre mayúsculas y minúsculas. Los identificadores no pueden contener espacios.

La siguiente tabla ilustra algunos identificadores válidos y no válidos.

Ejemplos de identificadores válidos Ejemplos de identificadores no válidos

primer nombre

primer nombre

num1

$ resultado

Var #

primer nombre

primer nombre

1número

Espacios en blanco y saltos de línea

ES6 ignora los espacios, pestañas y nuevas líneas que aparecen en los programas. Puede usar espacios, pestañas y nuevas líneas libremente en su programa y puede formatear y sangrar sus programas de una manera ordenada y consistente que hace que el código sea fácil de leer y comprender.

JavaScript distingue entre mayúsculas y minúsculas

JavaScript distingue entre mayúsculas y minúsculas. Esto significa que JavaScript diferencia entre mayúsculas y minúsculas.

Los puntos y comas son opcionales

Cada línea de instrucción se llama statement. Los puntos y comas son opcionales en JavaScript.

Ejemplo

console.log("hello world") 
console.log("We are learning ES6")

Una sola línea puede contener varias declaraciones. Sin embargo, estas declaraciones deben estar separadas por un punto y coma.

Comentarios en JavaScript

Commentsson una forma de mejorar la legibilidad de un programa. Los comentarios se pueden utilizar para incluir información adicional sobre un programa, como el autor del código, sugerencias sobre una función / construcción, etc. El compilador ignora los comentarios.

JavaScript admite los siguientes tipos de comentarios:

  • Single-line comments (//) - Cualquier texto entre // y el final de una línea se trata como un comentario.

  • Multi-line comments (/* */) - Estos comentarios pueden abarcar varias líneas.

Ejemplo

//this is single line comment  
/* This is a  
Multi-line comment 
*/

Su primer código JavaScript

Comencemos con el ejemplo tradicional de "Hola mundo" ".

var message = "Hello World" 
console.log(message)

El programa se puede analizar como:

  • La línea 1 declara una variable por el nombre del mensaje. Las variables son un mecanismo para almacenar valores en un programa.

  • La línea 2 imprime el valor de la variable en la solicitud. Aquí, la consola se refiere a la ventana de la terminal. La función log () se utiliza para mostrar el texto en la pantalla.

Ejecutando el Código

Usaremos Node.js para ejecutar nuestro código.

  • Step 1 - Guarde el archivo como Test.js

  • Step 2 - Haga clic con el botón derecho en el archivo Test.js debajo de la opción de archivos de trabajo en la ventana del explorador de proyectos de Visual Studio Code.

  • Step 3 - Seleccione la opción Abrir en el símbolo del sistema.

  • Step 4 - Escriba el siguiente comando en la ventana de terminal de Node.

node Test.js

La siguiente salida se muestra en la ejecución exitosa del archivo.

Hello World

Node.js y JS / ES6

Las características de ECMAScript 2015 (ES6) se clasifican en tres grupos:

  • For Shipping - Estas son características que V8 considera estables.

  • Staged Features - Estas son características casi terminadas, pero el equipo de V8 no las considera estables.

  • In Progress - Estas funciones deben usarse solo con fines de prueba.

La primera categoría de funciones es totalmente compatible y está activada de forma predeterminada por nodo. Las funciones por etapas requieren un indicador de armonía en tiempo de ejecución para ejecutarse.

Aquí puede encontrar una lista de indicadores CLI específicos de componentes para Node.js: https://nodejs.org/api/cli.html

El modo estricto

La quinta edición de la especificación ECMAScript introdujo el modo estricto. El modo estricto impone una capa de restricción a JavaScript. Realiza varios cambios en la semántica normal de JavaScript.

El código se puede cambiar para que funcione en el modo estricto si se incluye lo siguiente:

// Whole-script strict mode syntax 
"use strict"; 
 v = "Hi!  I'm a strict mode script!";  // ERROR: Variable v is not declared

En el fragmento anterior, todo el código se ejecuta como una variante restringida de JavaScript.

JavaScript también permite restringir el Modo Estricto dentro del alcance de un bloque como el de una función. Esto se ilustra de la siguiente manera:

v = 15 
function f1() { 
   "use strict"; 
   var v = "Hi!  I'm a strict mode script!"; 
}

En el fragmento de código anterior, cualquier código fuera de la función se ejecutará en modo no estricto. Todas las declaraciones dentro de la función se ejecutarán en el modo estricto.

ES6 y elevación

El motor de JavaScript, por defecto, mueve las declaraciones a la parte superior. Esta característica se denominahoisting. Esta característica se aplica a variables y funciones. Hoisting permite que JavaScript utilice un componente antes de que se haya declarado. Sin embargo, el concepto de izado no se aplica a los scripts que se ejecutan en el modo estricto.

La elevación variable y la función de elevación se explican en los capítulos siguientes.