PosMedia

OPERADOR: Universidad Distrital Francisco José de

Caldas
Bienvenida

Convenio NO. 290 de 2022

FrontEnd Intermedio Grupo 2

Bienvenidos
En un momento iniciamos la
sesión de clase
FrontEnd Intermedio Grupo 2
Unidad 2. ES6 - ECMAScript 6

1. Revisión del taller

2. Que es ECMASCript6

3. Arrow functions
ECMASCript 6
ECMAScript 6 (también conocido como ES6) es la sexta versión de este estándar. Esta versión incluye muchas mejoras y nuevas
funcionalidades que hacen que la programación en JavaScript sea más fácil, legible y eficiente. Algunas de las diferencias más notables
entre ECMAScript 6 y JavaScript son:

Arrow functions: ECMAScript Clases: ECMAScript 6

6 introduce las arrow functions,
una forma más concisa y legible
de escribir funciones, que no
están disponibles en versiones
anteriores de JavaScript.
Let y const: ECMAScript 6
introduce let y const, nuevas
formas de declarar variables
que tienen un alcance más
limitado y evitan errores
comunes. En JavaScript, solo
se puede declarar variables con
la palabra clave "var".
introduce las clases, una forma
más sencilla de crear objetos y
heredar propiedades y
métodos. En JavaScript, la
Plantillas de cadena:
herencia se logra a través de
ECMAScript 6 introduce las
prototipos.
plantillas de cadena, una forma
más fácil de crear cadenas de
texto con variables y Módulos: ECMAScript 6
expresiones. En JavaScript, se introduce los módulos, una
deben concatenar cadenas forma más organizada de dividir
manualmente. el código en diferentes archivos
y reutilizarlo. En JavaScript, la
reutilización de código se logra
a través de scripts importados
en la página HTML.
Arrow Function
Una arrow function es una forma abreviada de escribir funciones en JavaScript. A diferencia de las funciones regulares, las arrow functions
no tienen la palabra clave "function" y se definen utilizando una sintaxis más corta y concisa.

(param1, param2, …, paramN) => { cuerpo_funcion}

Diferencias entre Javascript y ES6

Javascript ECMAScript 6

var sumar = function(a, b) { let sumar = (a, b) => {

  return a + b;   return a + b;
}; };

var cuadrado = function(x) { return x * x; }; let cuadrado = x => x * x;

var saludar = function() { let saludar = () => {

  console.log("¡Hola!");   console.log("¡Hola!");
}; };