Llámanos: 93 639 68 66

El estándar actual de JavaScript: ES6 o ES2015

El estándar actual de JavaScript: ES6 o ES2015

JavaScript ha recorrido un largo camino en los últimos años y las cosas han cambiado para mejor en todo lo que el entorno JavaScript nos proporciona y en 2015 apareció el nuevo estándar de JavaScript que nos trae muchas características como nuevas palabras reservadas let y const, las funciones de flecha, el operador de difusión, & nbsp; y muchas otras cosas más de las que explicaré en esta nueva publicación.

Nuevas palabras reservas let y const


let y var son las nuevas palabras reservadas para declarar variables, antes solo teniamos a la vieja var pero el problema que tenía var era el hoisting el cual hacía el cual podría darnos problemas totalmente inesperados y podían hacernos perder mucho tiempo a la hora de intentar debugar. Pero esto cambia con let y const las cuales tienen scope de bloque para entenderlo mejor veamos un pequeño ejemplo.

VAR function testVar () { for (var i = 0; i < 10; i++) { // variable i existe fuera de for si usamos var } console.log(i) // imprimiría 10 } LET O CONST function testVar () { for (var i = 0; i < 10; i++) { // variable i NO existe fuera de for si usamos var } console.log(i) // Uncaught ReferenceError: i is not defined }

La arrow function (funciones de flecha)


La funciones de flecha son una forma de escribir funciones que tradicionalmente conocemos tiene la ventaja de que es una sintaxis más concisa y también funciona de forma diferente con la la palabra reservada "this" pero mejor veamos otro ejemplo.

FUNCIÓN NORMAL function add (a, b) { return a + b; } ARROW FUNCTION const add = (a,b) => a + b; // no hace falta palabra reserva function // si no usas llaves el valor es retornado implicitamente

Clases en JavaScript


En JavaScript nunca ha existido el concepto de "clase" como en otros lenguajes de programación como Java o C# pero con ES6 ahora se puede hacer uso de la palabra reservada class para crear "clases" aunque esto es simplemente azúcar sintactico ya que internamente JavaScript sigue utilizando "prototipos" podemos ver un ejemplo aqui.

Forma antigua de crear clases function Perro (nombre) { this.nombre = nombre; } var pulgas = new Perro('Pulgas'); ES6 Clases class Perro { constructor (nombre) { this.nombre = nombre; } } let pulgas = new Perro('Pulgas');


Y bueno, esas son algunas de las novedades que nos brindan el estándar actual de JavaScript. Hoy en día muchos (si no todos) son totalmente compatibles con los navegadores actuales, por lo que no debe preocuparse por usar estas nuevas funciones.

Autor:

Accede a nuestra sección de proyectos a medida en Diseño Web Barcelona

Comparte este artículo en tus redes sociales