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

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, Nov 15 '18 at 05:53

score 0 · Accepted Answer · answered Nov 15 '18 at 05:54

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 '18 at 05:54

Nitish Narang

4,124
2
15
22

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 – Rajesh Nov 15 '18 at 05:58
Sure @Rajesh. Will take care of this. :) – Nitish Narang Nov 15 '18 at 05:59

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

1 Answers1