What are some advanced techniques in vanilla JavaScript?

What are some advanced techniques in vanilla JavaScript?

Some advanced techniques include closures, promises, async/await, and the module pattern. Would you like to dive deeper into any of these?

Can you explain closures with an example?

Sure! A closure is a function that retains access to its lexical scope, even when the function is executed outside that scope. Here's an example:

function makeCounter() {
    let count = 0;
    return function() {
        count++;
        return count;
    };
}

const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2

In this example, the inner function retains access to the count variable even after makeCounter has finished executing.

That's really interesting! What about promises?

Promises are used to handle asynchronous operations in JavaScript. They represent a value that may be available now, or in the future, or never. Here's a simple example:

const myPromise = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve('Success!');
    }, 1000);
});

myPromise.then(result => console.log(result)); // Logs 'Success!' after 1 second