Regresar

Explorando Funciones de ES6!!!

Jane Doe
Jane Doe 01 de junio de 2023
Explorando Funciones de ES6!!!

Tabla de contenidos

  1. 1 - Explorando Funciones de ES6
  2. 2 - Arrow Functions - Funciones de Flecha
  3. 3 - Ejemplo
  4. 4 - Template Literals - Literales de Plantilla
  5. 5 - Ejemplo
  6. 6 - Destructuring Assignment - Asignación por Desestructuración
  7. 7 - Ejemplo

{/* # {frontmatter.title} */}

Explorando Funciones de ES6

JavaScript ES6 introdujo varias funciones nuevas que han hecho que la codificación en JavaScript sea más eficiente y agradable. Vamos a explorar algunas de estas funciones.

Arrow Functions - Funciones de Flecha

Las funciones de flecha proporcionan una nueva sintaxis para escribir expresiones de función. Son más concisas y vinculan léxicamente el valor this.

Ejemplo

const add = (a, b) => a + b;
console.log(add(2, 3)); // Output: 5

Template Literals - Literales de Plantilla

Los literales de plantilla permiten una interpolación de cadenas más fácil y cadenas de varias líneas. Utilizan comillas invertidas (`) en lugar de comillas simples o dobles.

Ejemplo

const name = 'Jane';
console.log(`Hello, ${name}!`);
// Output: Hello, Jane!

Destructuring Assignment - Asignación por Desestructuración

La asignación por desestructuración le permite extraer valores de matrices u objetos y asignarlos a variables de una manera más concisa.

Ejemplo

const person = { name: 'Jane', age: 30 };
const { name, age } = person;
console.log(name, age); // Output: Jane 30
Ir arriba