How to pass parameters to a setTimeout() method in JavaScript using arrow function

A guide on how to use `setTimeout()` with an arrow function to pass parameters to a function in JavaScript. This method is useful when you need to delay function execution while passing arguments to it.

In this article, we will learn how to pass parameters to a function in setTimeout() by using an arrow function in JavaScript. Arrow functions help write concise and readable code, especially in timer situations like setTimeout.

JavaScript Code

// Function to display a message with the user's name
function greetUser(name) {
    console.log(`Hello, ${name}!`);
}

// Using setTimeout with an arrow function to pass a parameter
setTimeout(() => {
    greetUser('Alice');
}, 2000);

Detailed explanation:

1. function greetUser(name) { ... }: Defines the greetUser function that takes a name parameter and logs a message.
2. setTimeout(() => { ... }, 2000);: Uses setTimeout to call the arrow function after 2 seconds (2000ms).
3. greetUser('Alice');: Calls the greetUser function with the argument 'Alice'.

Tips:

• When using an arrow function in setTimeout, be cautious of referencing external variables, as they may change before the function executes.
• You can pass multiple parameters to the function using this method.

---