Novedades de ECMAScript 2105 (ES6)

ECMAScript

ECMAScript se refiere a las nuevas características del estándar ECMA-262 conocidos como JavaScript, introducido después de ECMAScript 2015. Las nuevas versiones de las especificaciones ECMAScript se liberan anualmente, ES2016 será liberado y el ES2017 es el proyecto actual ECMAScript.

Definición de variables

Para solventar las deficiencias de las variables declaradas con _var, _hay dos nuevas palabras reservadas: _let _para declarar variables que cambian de valor y _const _para constantes. También se pueden declarar símbolos que son identificadores de tipos únicos e inmutables.

El problema de las variables declaradas con _var _está en que tienen ámbito de función con _let _no existe hasta que es declarada. Las variables con _var _son declaradas al principio del ámbito de la función o en el ámbito global.

Interpolación de variables en cadenas

La interpolación de variables en cadena facilita la construcción de strings y hace el código más legible. Los strings se hacen con las comillas invertidas o francesas ( ` )

const now = newDate(Date.now());

const message = `¡Hola ${now.getFullYear()}!`;

console.log(message);  // ¡Hola 2016!

Desestructuración

Se ha incorporado la asignación desestructurada pudiendo hacer cosas como las siguientes en las asignaciones y en las llamadas a las funciones:

// Arrays

const array = [1, 2];

const [a, b] = array;

console.log(`${a}, ${b}`); // 1, 2

// Objects

constobject = { name: 'Jhon', age: 30};

const {name, age} = object;

  console.log(`${name}, ${age}`);  // Jhon, 30 

// Functions

function whois({displayName: displayName, fullName: { firstName: name }}){

  console.log(`${displayName} is ${name}`);

}


var user = {

  id: 42,

  displayName: "jdoe",

  fullName: {

      firstName: "Jhon",

      lastName: "Doe"
    }
};

whois(user);  // Jhon Doe is jdoe

Operador spread

El operador spread permite a una expresión sea expandida en lugares donde se esperan múltiples argumentos como en llamadas a funciones, múltiples elementos para literales de _arrays _o múltiples variables para asignación desestructurada.

const array1 = [1, 2, 3];

const array2 = [...array1, 4, 5, 6]

  console.log(array2);  // Array [ 1, 2, 3, 4, 5, 6 ]

function func(x, y, z) {

  console.log(`${x}, ${y}, ${z}`);

}

func(...array1);  // 1, 2, 3

Clases

Anteriormente en JavaScript ya se podían definir clases haciendo uso de la propiedad prototype _aunque su sintaxis ahora se ha simplificado y hecho más parecida a otros lenguajes además de definir propiedades con su método _getter _y _setter.

class Vehiculo{

  constructor() {

    this._marca = 'Seat';

    this._color = 'rojo';

    this._kilometros = 100;

  }

  get color() {

    return this._color;
  }

  set color(c) {

    this._color = c;

  }
}


class Coche extends Vehiculo{

  get kilometros() {

  return this._kilometros;

}
  set kilometros(k) {

  this._kilometros = k;

  }
}


const coche = newCoche();

console.log(coche.color); // rojo

y otros features como:

• Objetos map y set
• Callback y promise
• Generadores
• Eventos

Para más información sobre ESMAScropt 6, vea el siguiente enlace: http://es6-features.org/