JavaScript how to create inner function with function as an argument without imidietly invoking it? [duplicate]

Question

I tried this but it's immediately invokes addClass after opening website :

function onMouseOver(element, event) {
  element.addEventListener("mouseover", () => {
    event
  })
}

onMouseOver(startAnim, addClass(panelLeft, 'hidden-l'));
onMouseOver(startAnim, addClass(panelRight, 'hidden-r'));

Adding parenthesis after function will make it run immediately. You can try addClass.bind(null, panelLeft, 'hidden-l'). This will bind context and arguments and return a reference instead. — Rajesh Dixit
– Rajesh Dixit, Commented Nov 15, 2018 at 5:53

Nitish Narang · Accepted Answer · 2018-11-15 05:54:31Z

0

"bind" is what you are looking for and below you can see reference of how to use it.

function innerFn(a, b) {
  console.log('Inner fn called with params ',a ,b)
}

function outerFn(c, fn) {
  console.log('Outer fn called with params ',c)
  
  fn()
}

outerFn('1', innerFn.bind(null, '2', '3'))

answered Nov 15, 2018 at 5:54

Nitish Narang

4,2042 gold badges18 silver badges22 bronze badges

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

2 Comments

Rajesh Dixit Over a year ago

Most of the topics are answered. We should look for similar post as we know the real issue and can formulate better search query. Once we have such post, we should share its link in comments section until you have privilege to close yourself

Nitish Narang Over a year ago

Sure @Rajesh. Will take care of this. :)

Collectives™ on Stack Overflow

JavaScript how to create inner function with function as an argument without imidietly invoking it? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related