Cul es ES5 / ES6?

Como ya sabrn, la versin de JavaScript que se admite actualmente en todos los nave
gadores es ES5 (ECMAScript 5). La ltima versin es ES6 (oficialmente ES2015) que es
un superconjunto de ES5. Esto significa que todava puede escribir cdigo en ES5 ES
6, ya que slo aade nuevas caractersticas.
No todas las caractersticas ES6 se admiten actualmente en los navegadores. As que
si usted quiere escribir su cdigo en ES6, hay transpilers como Babel, que compila
n el cdigo para ES5 como parte de su proceso de desarrollo.
ES6 aade muchas nuevas caractersticas para ES5, al igual que las clases, las funci
ones de direccin y cargadoras de mdulos y vamos a echar un vistazo a algunos de es
tos ms tarde.
Podemos construir nuestros jnico 2 y angular 2 aplicaciones utilizando slo ES5 ES6
o, pero como he mencionado antes, el lenguaje recomendado es mecanografiado.
Cul es mecanografiado?
Letra de imprenta es un superconjunto de ES6, por lo que incluye todas las nueva
s caractersticas de la ES6 y aade la posibilidad de declarar las variables como un
tipo especfico.
Un ejemplo muy sencillo es cuando se declara una variable como un nmero y luego i
ntenta poner un valor de cadena en ella.
ndice var: Number;
index = "esto es una cadena, no un nmero";
Si su editor de cdigo apoya mecanografiado, ver que la segunda lnea se marcar como u
n error. Cuando se ejecuta el compilador mecanografiado que tambin emite ese erro
r.
El uso de tipos es opcional, puede escribir el siguiente cdigo como cdigo de carac
teres mecanografiados, el compilador aceptar sin problemas eso.
ndice var;
index = "esto es una cadena, no un nmero";

Vamos a echar un vistazo a algunas otras caractersticas del mecanografiado que us

aremos en nuestra aplicacin inico.
clases
Una clase tiene un constructor, propiedades y mtodos. Aqu est un ejemplo de lo que
se parece a mquina de escribir.
Usuario clase {
Nombre: string;
Constructor (name: String) {
this.name = nombre
}
di hola() {
console.log ( "Hola, yo soy, this.name);
}
}
var = usuario nuevo usuario ( 'Ashteya');
user.sayHello ();

Vamos a echar un vistazo a lo que el compilador de imprenta es la salida al cdigo

ES5:
var usuario = (function () {
Usuario de funcin (nombre) {
this.name = nombre;
}
User.prototype.sayHello = function () {
console.log ( "Hola, yo soy, this.name);
};
Usuario regresar;
}) ();
var = usuario nuevo usuario ( 'Ashteya');
user.sayHello ();
Funciones de flecha
funciones de direccin son un nuevo y ms corto sintaxis para escribir funciones anni
mas. Es importante saber que esta en una funcin de flecha hace referencia a los p
adres, que no define un nuevo este contexto.
Veamos un ejemplo en el cdigo ES5:
UPDATETIME funcin () {
var = _Es esto;
tiempo var = new Date ();
setInterval (function () {return _this.time = new Date ();}, 1000);
}
Con la sintaxis de la funcin de flecha, esto se convierte en:
UPDATETIME funcin () {
tiempo var = new Date ();
setInterval (() => this.time = new Date (), 1000);
}

Slo he cubierto una parte muy pequea de las caractersticas a mquina de escribir, as q
ue animo a que echa un vistazo a los siguientes recursos y obtener ms familiariza
dos con ella. En la parte 4 que vamos a echar un vistazo a lo que Angular 2 tien
e que ofrecer y tambin vamos a echar un vistazo a los decoradores y los mdulos.