What are the differences between closures and arrow functions in JavaScript?

What are the differences between closures and arrow functions in JavaScript?

Closures are functions that remember their lexical scope even when the function is executed outside that scope. Arrow functions, on the other hand, do not have their own 'this' context and are often used for shorter function expressions.

Can you give me an example of a closure?

Sure! Here's a simple example:

function outerFunction() {
    let outerVariable = 'I am outside!';
    return function innerFunction() {
        console.log(outerVariable);
    };
}

const closureFunction = outerFunction();
closureFunction(); // Outputs: I am outside!

And what about an example of an arrow function?

Absolutely! Here's an example of an arrow function:

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

How do closures and arrow functions interact with 'this'?

Closures can access 'this' from their surrounding context, while arrow functions inherit 'this' from the parent scope, making them useful in certain situations like callbacks.