Calling jQuery functions by reference

Question

My code is this:

$('button#submit-order').on('click', () => orderPanelInfo.hide());

I'm wondering if it's possible to do same operation like this:

$('button#submit-order').on('click', orderPanelInfo.hide);

Yes. Doesn't work in Chrome 63 and Firefox 57. Using jQuery v1.11. No messages, no error, I don't have any clue. — Luís Assunção
– Luís Assunção, Commented Jan 27, 2018 at 19:44

T.J. Crowder · Accepted Answer · 2018-01-27 17:02:49Z

1

What you're doing (the arrow function) is fine provided the browsers you're targeting support them (otherwise, just use a normal function). The other alternative is to use Function#bind but it involves repeating yourself:

$('button#submit-order').on('click', orderPanelInfo.hide.bind(orderPanelInfo));
// -----------------------------------------------------^^^^^^^^^^^^^^^^^^^^^

Function#bind was added in 2009 so only Really Truly Obsolete browsers have JavaScript engines that don't have it (and it can be polyfilled on them if necessary).

answered Jan 27, 2018 at 17:02

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

2 Comments

Luís Assunção Over a year ago

Yes it works. I was thinking there's a simplier way to do this kind of operation.

T.J. Crowder Over a year ago

@LuísAssunção: Not really. More: stackoverflow.com/questions/3127429/…

Collectives™ on Stack Overflow

Calling jQuery functions by reference

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related