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);
Asked
Active
Viewed 26 times
0
Luís Assunção
- 771
- 1
- 8
- 20
-
Have you actually tried it? – npearson Jan 27 '18 at 18:11
-
1Yes. 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 Jan 27 '18 at 19:44
1 Answers
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).
T.J. Crowder
- 1,031,962
- 187
- 1,923
- 1,875
-
Yes it works. I was thinking there's a simplier way to do this kind of operation. – Luís Assunção Jan 27 '18 at 19:47
-
1@LuísAssunção: Not really. More: https://stackoverflow.com/questions/3127429/how-does-the-this-keyword-work – T.J. Crowder Jan 28 '18 at 08:37