ECMAScript 2015 y el futuro de JavaScript

Las funciones en flecha (=>) son similares a las -ya muy utilizadas- funciones anónimas de JavaScript y pueden usarse de la misma manera. Sin embargo, al realizar este tipo de funciones podemos predecir de manera más lógica la global this, ya que por definición las funciones en flecha comparten el mismo this léxico que el código que las rodea. Es decir, this se mantiene tanto afuera como adentro de la función evitando que el desarrollador tenga que recurrir a prácticas redundantes del tipo var self = this; como mostramos en el siguiente ejemplo:

Versión anterior ES5:

var self = this;
una_funcion(function(){ 
    return self.un_metodo();
});

En ES2015 se convierte en:

una_funcion(() => {  return this.un_metodo();});

Esta nueva sintaxis también puede utilizarse para acortar la forma en la que pasamos argumentos a funciones anónimas, por ejemplo:

En ES5:

una_funcion(function( un_argumento ){
    return un_argumento();
});

En ES2015 se convierte en:

 una_funcion(un_argumento => un_argumento());

Así es, la versión ES2015 de JavaScript incluye una nueva sintaxis para declarar clases y sus métodos. Si bien esta adición pareciera ser una gran novedad, simplemente se trata de una nueva sintaxis para representar el modelo de herencia prototipal que es el núcleo del lenguaje. A pesar de esto, la nueva sintaxis nos permite ahorrar muchas líneas de código para declarar objetos y es una manera más familiar para los que vienen de otros lenguajes. A continuación una comparación de la misma declaración entre versiones:

En ES5:

// constructor de la clase
var Mi_clase = function(){};
Mi_clase.prototype = {
	primer_metodo : function(){
		// codigo
	},

	segundo_metodo : function(){
		// mas codigo
	}
};

En ES2015:

class Mi_clase {
	// constructor de la clase
	constructor(){}

	primer_metodo(){
		// codigo
	}

	segundo_metodo(){
		// mas codigo
	}
}

En adición a la sintaxis anterior, ES2015 también incluye extensiones y directrices para cada método (static, private, etc):

class Mi_clase {
	// constructor de la clase
	constructor(){}

	primer_metodo(){
		// codigo
	}

	segundo_metodo(){
		// mas codigo
	}
}

class Mi_sublcase extends Mi_clase {
	constructor(){}

	static tercer_metodo(){
		this.primer_metodo();
		//codigo
	}
}

Entre las mejoras de sintaxis del lenguaje, los Template Strings se presentan como una alternativa a la concatenación de strings. No obstante, éstos tienen una mejora en performance por lo que se recomiendan utilizar más que la concatenación:

En ES5:

var nombre = 'Fernando';
var apellido = 'Silva';
console.log('Hola ' + nombre + ' ' + apellido);
// Hola Fernando Silva

ES2015:

let nombre = 'Fernando';
let apellido = 'Silva';
console.log('Hola ${nombre} ${apellido}');
// Hola Fernando Silva