Cómo empezar a aprender ECMAScript Aprendiendo y Estudiando para siempre

Aprenda EMCAScript aquí: Aprenda ECMAScript – Los mejores tutoriales de ECMAScript | Hackr.io

ECMAScript 6 o ES6 es la última versión estandarizada de JavaScript. Lo emocionante es que ha sido aprobado hoy por el cuerpo de estándares y eso significa que se ofrecerá un soporte de navegador más amplio. ECMAScript 6 ha estado trabajando desde hace algún tiempo; se anunció por primera vez en 2008. Una cantidad cada vez mayor de desarrolladores de JavaScript se han estado preparando para el lanzamiento de ECMAScript, y pronto será inevitable. También vale la pena señalar que no todas las versiones de ECMAScript tardarán tanto en publicarse. Planean hacer lanzamientos anuales más pequeños, así que ahora es un buen momento para ponerse al día.

Muchos desarrolladores han cambiado a ECMAScript 6 en desarrollo y usan un transpiler, una fuente de ES6 a ES5 compilador de origen, para publicar su código en navegadores y entornos que aún no son compatibles con las características de ES6.

¡Veamos algunas de las características principales de ES6 que puede usar hoy con un transpiler y pronto estará disponible en un navegador cercano a usted!

Objetos literales

Toma este ejemplo común de JavaScript:

función createPerson (firstName, lastName) {
regreso {
nombre,
ApellidoApellido
}
}

ver rawgistfile1.js alojado con

por GitHub

Cuando llama a la función createPerson , crea un objeto literal con las teclas de primer nombre y lastName .

En ES6 puedes hacer la taquigrafía de:

función createPerson (firstName, lastName) {
regreso {
nombre de pila,
apellido
}
}

ver rawgistfile1.js alojado con

por GitHub

Las clases

JavaScript es un lenguaje orientado a objetos basado en prototipos que significa describir algo como una Song en una aplicación de lista de reproducción hipotética que necesitaríamos para escribir algo como esto:

Función Canción (título, artista, duración) {
this.title = título;
this.artist = artista;
esta duración = duración;
this.isPlaying = false;
}
Song.prototype.start = function start () {
this.isPlaying = true;
};
Song.prototype.stop = function stop () {
this.isPlaying = false;
};

ver rawgistfile1.js alojado con

por GitHub

ES6 ha introducido una sintaxis de class que se parece a otros idiomas. Sin embargo, sigue siendo prototípico por debajo:

clase de canción {
constructor (título, artista, duración) {
this.title = título;
this.artist = artista;
esta duración = duración;
this.isPlaying = false;
}
comienzo() {
this.isPlaying = true;
}
detener() {
this.isPlaying = false;
}
}

ver rawgistfile1.js alojado con

por GitHub

Valores predeterminados

En el ejemplo anterior, te mostré cómo escribir una clase en ES6, donde establecí que la propiedad isPlaying era false . Si bien esto garantiza que isPlaying es false , ¿qué isPlaying cuando deseo crear una instancia que se esté reproduciendo de inmediato?

ES6 introduce el concepto de valores predeterminados para cualquier función o método de llamada.

Aquí hay un ejemplo actualizado con isPlaying establecido en falso:

clase de canción {
constructor (título, artista, duración, isPlaying = false) {
this.title = título;
this.artist = artista;
esta duración = duración;
this.isPlaying = isPlaying;
}
comienzo() {
this.isPlaying = true;
}
detener() {
this.isPlaying = false;
}
}

ver rawgistfile1.js alojado con

por GitHub

Si a isPlaying se le asigna un valor cuando se crea el objeto, será false , alternativamente, puede pasar true para anularlo.

var song = new Song (“Wonderwall”, “Oasis”, “3:45”);
song.isPlaying === false;
var song2 = nueva canción (“Song 2”, “Blur”, “2:02”, verdadero);
song2.isPlaying === true;

ver rawgistfile1.js alojado con

por GitHub