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, while arrow functions do not have their own 'this' context.

Can you give me an example of a closure?

Sure! Here's a simple closure example:

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

const innerFunc = outerFunction();
innerFunc(); // Outputs: I am from outer function

And how do arrow functions differ in terms of 'this'?

Arrow functions do not bind their own 'this'. Instead, they inherit 'this' from the parent scope, which can be useful in certain contexts.

Can you show me an example of an arrow function?

Absolutely! Here's an example:

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