¿Qué hay de nuevo en JavaScript ES6??

JavaScript se considera uno de los idiomas de secuencias de comandos más utilizados y populares; Fue inventado en 1995 y originalmente se llamó moca, pero finalmente se convirtió en JavaScript. El lenguaje JavaScript fue inventado por Brendaneich y se convirtió en el estándar ECMA; ES1, ES2, ES3, ES5 y ES6 son numerosas versiones de ECMAScript.

JavaScript ES6 es un estándar para garantizar la interoperabilidad de la página web en varios navegadores web. Es6 es el 6^th Versión del lenguaje de programación de JavaScript. Es una mejora importante en el lenguaje JavaScript, que agrega más características para facilitar el desarrollo de software a gran escala. Pocas características del script ES6 no son compatibles con todos los navegadores, pero la mayoría son compatibles; Casi todos los navegadores web famosos admiten todas las características de ES6.

El software del transpilador se puede usar para transformar el código ES6 en ES5, que es la versión anterior de JavaScript y, por lo tanto, más compatible con los navegadores.

En este artículo, miramos algunos cambios que ES6 trajo a JavaScript.

Características de ES6 JavaScript

Constantes conocidas como variables inmutables: ES6 ahora admite la noción de variables constantes. El valor de estas variables no se puede modificar. Se activará un error si alguien intenta redefinir la variable en el alcance similar:

const pi = matemáticas.PI;
// Salida: valor de Pi
consola.log (pi);
pi = 4;
// typeError: asignación a una variable constante.
consola.log (pi);
const pi = matemáticas.PI;
// Salida: valor de Pi
consola.log (pi);

const pi = 4;
// Salida: 4 (sin ningún error, ya que está fuera del alcance)
consola.log (pi);

Si se ha declarado un objeto usando estúpido, sus teclas no se pueden cambiar. Sin embargo, sus valores se pueden cambiar:

Const user =
Nombre: "Steve",
Edad: 13

usuario =
Nombre de usuario: "Harry",
Grado: "3rd"
// typeError: asignación a variable constante. Const user =
Nombre: "Steve",
Edad: 13

usuario.nombre = "Harry";
consola.registro (usuario);

Reglas de funciones y variables de alcance bloqueado

Otra nueva característica importante de ES6 es que se pueden declarar variables a través de dejar y estúpido que siguen las reglas con escolción de bloques. A través de esta regla de bloqueo de bloque, la variable contiene su valor hasta el final del bloque. El valor del bloque exterior se restaurará después del bloqueo interno:

dejar a = 5;
// Salida: 5
consola.log (a);

Sea a = 4;
// Salida: 4
consola.log (a);

// Salida: 5
consola.log (a);

Funciones de flecha

ES6 también admite funciones de flecha que son casi las mismas que las funciones tradicionales de JavaScript pero son más compactos. En el siguiente ejemplo, hemos hecho una función de flecha que toma un número como argumento y devuelve el valor de su cuadrado:

sq = a => a*a;
consola.log (sq (5));

Las funciones de flecha tienen sus limitaciones y no se pueden usar en todas partes.

Manejo de parámetros de función

ES6 nos da la opción de establecer valores predeterminados para los parámetros de una función. Si no se dan argumentos al llamar a la función, entonces se utilizan los parámetros predeterminados:

función sq (a = 5, b = 3)
consola.log (a + " +" + b + "=" + (a + b));

sq (5, 9);
sq ();

Parámetros de la función REST

La función de parámetros de descanso es otra característica de ES6. Esta característica le ayuda a recibir cualquier cantidad de argumentos cada vez que se llama a la función. La sintaxis que se muestra a continuación le permite capturar los argumentos restantes después del argumento definido en una matriz:

function RestParams (a, b, ... parámetros)
consola.log (a);
consola.log (b);
consola.log (params);

RESTPARAMES (1,2,3,4,5,6,7,8,9);

Literales de plantilla

Una plantilla de cadena o plantilla literal se refiere a las variables y expresiones interpolas como cadenas usando una sintaxis perl. En palabras más simples, se puede encerrar una cadena en backticks (') y estas cadenas pueden incluir expresiones (interpoladas) usando el ps sintaxis:

var firstName = 'John';
var lastName = 'Doe';
consola.log ('mi nombre es $ FirstName $ lastName');

Propiedades del objeto

ES6 proporcionó una nueva sintaxis para la creación de objetos. Aquí está el ejemplo:

var firstName = 'John';
var lastName = 'Doe';
var id = 03;
departamento var = 'educación';
var empleeedata = firstName, LastName, ID, Departamento;
consola.log (empleado);

Sintaxis de definición de clase formal

JavaScript ES6 admite la sintaxis de definición de clase formal. Es un azúcar sintáctico simple para clases basadas en prototipos que ya están disponibles, pero ayuda a mejorar la claridad del código. Esto significa que esto no ha agregado un nuevo modelo de objeto.

Círculo de clase
constructor (radio)
este.radio = radio;


var c = nuevo círculo (8);

Declaración de métodos

ES6 JavaScript proporciona una forma más simple de declarar métodos. Anteriormente, en ES5, tuvimos que mencionar la palabra clave "función" junto con el nombre de la función al definirlo. Sin embargo, en ES6, podemos usar la función de flecha y no estamos obligados a escribir la palabra clave "función". Aquí está el ejemplo:

En Es5

var diámetro = función (radio)
Sea dia = 2*radio;
devolver diámetro;
;
diámetro (8);

En Es6

VAR diámetro = (radio) =>
Sea dia = 2*radio;
devolver diámetro;
;
diámetro (8);

Para/de bucles

Usando para/de, puede iterar sobre estructuras de datos iterables, como matrices, cuerdas, mapas, etc.:

var num = [5, 6, 7, 8, 9];
para (deja d de num)

consola.log (d);

Conclusión

ES6 es la segunda revisión importante de JavaScript que se lanzó en 2015. Ha habido adiciones anuales a JavaScript en ES7, ES8, ES9 y así sucesivamente, pero estas nuevas versiones no han traído ningún cambio significativo. En este artículo, explicamos brevemente qué es ES6 JavaScript, los beneficios de la versión ES6 y algunas de las nuevas características introducidas en la versión ES6.