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 ready’); }); })(jQuery); Runs the code immediately and waits for document ready and logs “logs after ready”. This … Read more
Why do this? Before we get to the list, let’s start with “Why do this at all?” The answer is: To keep any variables and function declarations within the function private. Commonly this is to avoid globals (avoiding globals is a Good IdeaTM). E.g.: +function() { function foo() { /* … */ } foo(); var … Read more
$ is an argument to a function. jQuery is what is being passed as that argument when the function is invoked. Think of it like this: function init($) { // code can use $ here as a shortcut for jQuery // even if $ has a different definition globally or isn’t defined globally } init(jQuery); … Read more
Other JavaScript frameworks may also use $ as a shortcut. To guarantee that $ is jQuery inside your function, pass jQuery and not $ at the end. This type of defining a function or “code area” is to take sure that $ really is jQuery when mixing frameworks.
Apparently, ES6 doesn’t need namespacing because each file is a separate module. Not exactly. Each module does have its own scope, that is correct, but not every file is a module. There still are scripts in ES6 that work just like those from ES5, and are executed in the global scope. In those scripts, you … Read more
With the increasing popularity of JavaScript frameworks, the $ sign was used in many different occasions. So, to alleviate possible clashes, you can use those constructs: (function ($){ // Your code using $ here. })(jQuery); Specifically, that’s an anonymous function declaration which gets executed immediately passing the main jQuery object as parameter. Inside that function, … Read more
The first uses jQuery to bind a function to the document.ready event. The second declares and immediately executes a function.
Functions are of two types in JavaScript – declarations and expressions. This is the difference between the two: Function declarations are hoisted. This means you can call the function before it appears in the program as declarations in JavaScript are hoisted. Function expressions can be invoked immediately. A function declaration cannot. This is because expressions … Read more
One less character when minified. The ! should handle where other JavaScript code is concatenated before this and doesn’t have a trailing semi-colon. There is not a huge difference. I would use whatever you were more comfortable with. You should probably toss something at the start of your example to avoid… base.js var lol = … Read more
There are a few things going on here. First is the immediately invoked function expression (IIFE) pattern: (function() { // Some code })(); This provides a way to execute some JavaScript code in its own scope. It’s usually used so that any variables created within the function won’t affect the global scope. You could use … Read more