Performance of different method of calling JavaScript/jQuery function

Question

Is there any performance difference between:

Example 1:

$(window).on('resize', abc);

function abc(){
  //some abc code
}

Example 2:

$(window).on('resize', function(){
  //some abc code
});

If yes, what are the pros and cons of each?

If no, which is the preferred practice?

Performance difference in running that code once on page load, or performance difference for the event handling? As with your other question, unless you have code in a hot loop, execution speed differences are irrelevant. — Felix Kling
– Felix Kling, Commented Nov 3, 2016 at 5:57
First variant is slower, because it must first check function, than call it. But you will see mostly no difference. — Justinas
– Justinas, Commented Nov 3, 2016 at 5:59

priya_singh · Accepted Answer · 2016-11-03 06:00:37Z

1

Example 1:

$(window).on('resize', abc);

function abc(){
  //some abc code
}

In this abc() function can be used on window resize and we can use that function on any other event. But working of this function is slow as compared to Example 2

Example 2:

$(window).on('resize', function(){
  //some abc code
});

Example 2 works faster than Example 1. This function works only on Window resize.

If you want to use abc() function more than 1 Event then Example 1 is good otherwise Example 2 is good.

answered Nov 3, 2016 at 6:00

priya_singh

2,4881 gold badge19 silver badges33 bronze badges

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

2 Comments

Mat J Over a year ago

But working of this function is slow as compared to Example 2, Can you explain further?

priya_singh Over a year ago

@MathewJibin Yes. As it will first call function abc() and search for that function. So it is slower than Example 2

Collectives™ on Stack Overflow

Performance of different method of calling JavaScript/jQuery function

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related