Javascript setTimeout is returning my function parameter value as undefined

Question

Please refer to my below code:

//Principal Function
function greet3(name, sayName) {
  document.getElementById("jac3").innerHTML = "Hello " + name;
  sayName(name);
};
//Callback Function

function sayName(name) {
  document.getElementById("jac3").innerHTML += ". How are you? " + name;
}
//Calling the function after 10 seconds

greet3("Neha", setTimeout(sayName,3000));
//greet3("Neha", sayName);

<p id="jac3"></p>

When I use setTimeout function,

greet3("Neha", setTimeout(sayName,3000));

the output of name gets undefined.

Please help me with correct syntax.

ImmortalKiwi · Accepted Answer · 2022-02-10 10:45:56Z

3

When you write setTimeout(param1, param2) you are executing the function due to the parenthesis.

//Principal Function
function greet3(name, callback, timeout) {
  document.getElementById("jac3").innerHTML = "Hello " + name;
  setTimeout(() => callback(name), timeout);
};

//Callback Function
function sayName(name) {
  document.getElementById("jac3").innerHTML += ". How are you? " + name;
}

//Calling the function after 3 seconds
greet3("Neha", sayName, 3000);

<p id="jac3"></p>

answered Feb 10, 2022 at 10:45

ImmortalKiwi

662 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript setTimeout is returning my function parameter value as undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related