Question

11

self executing function jquery vs javascript difference

rated 0 times [ 13] [ 2] / answers: 1 / hits: 26681 / 11 Years ago, mon, october 21, 2013, 12:00:00

What are the difference among -

First :-

(function () {



    var Book = 'hello';



}());

Second:-

(function () {



    var Book = 'hello';



})();

First and second are similar some how in work..

Third :-

(function ($) {



    var Book = 'hello';



})(jQuery);

What pattern I need to use and where in my coding.. Third module pattern I have seen while I was reading a article related to backboneJS.

What I understood from Third one self executing function with the argument “jQuery” ....

Can any please give me some idea about Immediately Invoked Function Expressions (IIFE).

Thanks !!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

katelinb

Add To Favorites

Follow

Total Points: 535

Total Questions: 104

Total Answers: 109

Location: Burkina Faso

Member since Sun, Jun 13, 2021

3 Years ago

answered 11 Years ago jaredsages · Accepted Answer

In all cases you are doing an anonymous function. I think 1 is the same as 2.
In the third case you are passing jQuery as an argument. This is done when you want to encapsulate jQuery within your function's scope.

For instance, in your application, jQuery var could be jQuery. But within your anonymous function you may want to use it as $.

(function ($) {

    //Here jQuery is $

    var Book = $(document.body).text();    



})(jQuery);



//Out of your function, you user jQuery as jQuery (in this example)

var Book = jQuery(document.body).text();