iife

I am looking at a piece of code: (function($) { // other code here $(document).ready(function() { // other code here }); })(jQuery); I though the IIFE does the functions of $(document).ready, is this code correct? or can I just remove the $(document).ready and place the code directly inside the IIFE. No, IIFE doesn't execute the code in document ready. 1. Just in IIFE: (function($) { console.log('logs immediately'); })(jQuery); This code runs immediately logs "logs immediately" without document is ready. 2. Within ready: (function($) { $(document).ready(function(){ console.log('logs after

Apparently, ES6 doesn't need namespacing because each file is a separate module. But then, how do I avoid global namespace interference? For example, Babel compiles my scripts/main.js file by merely replacing const with var . var alert = 'This line doesn\'t do anything.' window.alert(alert) A namespace (named ANS below) with an IIFE prevents name collisions: const ANS = (function () { const alert = 'This works' window.alert(alert + '.') return {alert: alert + ' too.'} })() alert(ANS.alert) Adding properties to the namespace ANS is cleaner than adding them to the global namespace, window , or

Possible Duplicate: What does the exclamation mark do before the function? If you look at the source code for KnockoutJS 2.1.0 you will see a code structure like this start on line 7: !function(factory) { ... }(factoryDefinition); The not operator causes this expression to evaluate to true rather than undefined , but why bother? This is a concise way to form an immediately executed function expression. Traditionally, people have used these two forms (function(){ }()); // Recommended by Crockford (function(){ })(); // What most people use If you try to just use function(){ }(); // Syntax error

I have: var Init = (function() { my js goes here })(); And my js executes correctly when the page is loaded. I also have: $('form :checkbox').change(function() { Init(); }); But firebug says Init is not a function. It isn't a function. (function() { ... })() evaluates the anonymous function right then . And the result of the evaluation apparently does not return a function-object in this case :-) Consider: f = (function() { return "not a function :(" })() alert(f()) and f = (function() { return function () { return "Yay!" } })() alert(f()) Happy coding :) Here is a function which will "execute

Possible Duplicate: What does the exclamation mark do before the function? I've long used the following for self-executing, anonymous functions in JavaScript: (function () { /* magic happens */ })() Lately, I've started seeing more instances of the following pattern (e.g., in Bootstrap ): !function () { /* presumably the same magic happens */ }() Anyone know what the advantage is of the second pattern? Or, is it just a stylistic preference? Peter Olson These two different techniques have a functional difference as well as a difference in appearance. The potential advantages of one technique