Frontend

setTimeout(function timeout() { console.log('Timeout'); }, 0); let p = new Promise(function(resolve, reject) { console.log('Aanmaken van de belofte'); resolve(); }); p.then(function(){ console.log('Verwerking van de belofte'); }); console.log('Einde van het script'); // Geavanceerde case // console.log(1); // setTimeout(() => console.log(2)); // Promise.resolve().then(() => console.log(3)); // Promise.resolve().then(() => setTimeout(() => console.log(4))); // Promise.resolve().then(() => console.log(5)); // setTimeout(() => console.log(6));

FE vertakt vertakt vertakt vertakt vertakt vertakt ```JavaScript console.log('Timeout'); // 4 }, 0); let p = new Promise(function(resolve, reject) { console.log('Aanmaken van belofte'); // 1 resolve(); }); p.then(function(){ console.log('Verwerking van belofte'); // 3 }); console.log('Einde van script'); // 2 Complexe situatie console.log(1); setTimeout(() => console.log(2)); Promise.resolve().then(() => console.log(3)); Promise.resolve().then(() => setTimeout(() => console.log(4))); Promise.resolve().then(() => console.log(5)); setTimeout(() => console.log(6)); console.log(7);

laat i = 0; functie increment() { i++; console.log(i) } functie debounce(func, wait = 0) {} const debouncedIncrement = debounce(increment, 100); debouncedIncrement(); // i = 0 debouncedIncrement(); // i = 0 debouncedIncrement(); // i = 0 debouncedIncrement(); // i = 0 debouncedIncrement(); // i = 0 debouncedIncrement(); // i = 0 debouncedIncrement(); // i = 1 setTimeout(debouncedIncrement, 150); // i = 2 setTimeout(debouncedIncrement, 200); // i = 2 setTimeout(debouncedIncrement, 350); // i = 3

function createRateLimiter(limit, interval) {} // Tests const limiter = createRateLimiter(2, 100); let count = 0; const fn = () => { count++ console.log(count) }; limiter(fn); // count = 1 limiter(fn); // count = 2 limiter(fn); // Genegeerd (limiet 2/100ms) setTimeout(() => limiter(fn), 150); // count = 3 (meer dan 100ms verstreken)

/** * @param {Array} iterable * @return {Promise<Array>} */ function promiseAll(iterable) {} // Opgeloste voorbeeld. const p0 = Promise.resolve(3); const p1 = 42; const p2 = new Promise((resolve, reject) => { setTimeout(() => { resolve('foo'); }, 100); }); promiseAll([p0, p1, p2]).then(console.log); // [3, 42, 'foo']