Naming Jquery Functions

Question

I have been working with anonymous functions up until now, and would like to use some named functions. Below is an anonymous function and it works just fine
The code for a named function below  appears to work, but I just wanted to verify I am doing this correctly.
javascript
$('button').click(function doSomething() {
     $(this).prev().show();
     $(this).remove();
});

Thanks

shezazr · Answer

it make sense to used named function if you use some functionality in different places..

Dave McFarland · Answer

@Chris Feltus (https://teamtreehouse.com/chrisfeltus) 
You can also write it this way:
javascript
function doSomething() {
  $(this).prev().show();
  $(this).remove();
};
$('button').click(doSomething);

The named function goes outside of the event handler. In addition, you pass just the name of the function -- doSomething -- to the .click() method. Don't add parentheses to doSomething in the click method. This, for example is wrong: $('button').click(doSomething());
However passing anonymous functions is the more common way to do it.

Tyler Gillies · Answer

It is less typing to just do 
javascript
$('button').click(function(){
     $(this).prev().show();
     $(this).remove();
});

The idiomatic way to use named functions is to do:
```javascript
function doSomething(thing){
  return thing + 1
}
doSomething(3);
```
A lot of times in javascript you never use the name of the function because it's in a callback.  (Like your example), you only need to name a function if you're going to explicitly call it by name.

Welcome to the Treehouse Community

Looking to learn something new?

Chris Feltus

Chris Feltus

Naming Jquery Functions

3 Answers

Tyler Gillies

Tyler Gillies

Dave McFarland

Dave McFarland

shezazr

shezazr