Junior
Met welke nieuwigheden in ES6 bent u bekend?
sobes.tech AI
Antwoord van AI
- let, const, var: let en const voor blokscope, var voor functioneel scope. const voor constanten, let voor variabelen die kunnen worden heraangewezen.
- Pijlfuncties (Arrow Functions): Verkorte syntax voor het declareren van functies. Lexicaal
this. - Template Literals: Stellen in staat om expressies en meerregelige strings in te voegen.
const name = "World"; const greeting = `Hello, ${name}!`; // "Hello, World!" - Destructurering (Destructuring Assignment): Handige manier om waarden uit arrays en objecten te halen.
const person = { firstName: "John", lastName: "Doe" }; const { firstName, lastName } = person; // firstName = "John", lastName = "Doe" - Spread-operator (...) en Rest-parameters (...): Spread voor het uitbreiden en samenvoegen van arrays/objecten. Rest voor het verzamelen van de resterende argumenten in een functie.
const arr1 = [1, 2]; const arr2 = [...arr1, 3, 4]; // [1, 2, 3, 4] function sum(...numbers) { return numbers.reduce((acc, current) => acc + current, 0); } sum(1, 2, 3); // 6 - Klassen (Classes): Syntactische suiker boven prototypische overerving.
class Car { constructor(brand) { this.brand = brand; } drive() { console.log(`${this.brand} rijdt.`); } } - Modules: Hulpmiddel voor het organiseren van code met
importenexport.// module.js export const PI = 3.14; // main.js import { PI } from './module.js'; - Promises: Vereenvoudigen werken met asynchrone code.
new Promise((resolve, reject) => { // Asynchrone operatie if (success) { resolve("Succes!"); } else { reject("Fout!"); } }) .then(result => console.log(result)) .catch(error => console.error(error)); - for...of-lus: Iteratie over iterabele objecten.
const arr = [1, 2, 3]; for (const value of arr) { console.log(value); // 1, 2, 3 } - Set en Map: Nieuwe gegevensstructuren. Set voor unieke waarden, Map voor sleutel-waarde-paren.