Reason behind this self invoking anonymous function variant

by

By default, invoking a function like (function(){/*...*/})() will set the value of this in the function to window (in a browser) irrespective of whatever the value of this may be in the enclosing context where the function was created.

Using call allows you to manually set the value of this to whatever you want. In this case, it is setting it to whatever the value of this is in the enclosing context.

Take this example:

var obj = {
    foo:'bar'
};

(function() {
    alert( this.foo ); // "bar"
}).call( obj );

http://jsfiddle.net/LWFAp/

You can see that we were able to manually set the value of this to the object referenced by the obj variable.

More Related Contents:

  1. Relation between CommonJS, AMD and RequireJS?
  2. How to pass two anonymous functions as arguments in CoffeScript?
  3. How to import part of object in ES6 modules
  4. Explain the encapsulated anonymous function syntax
  5. Why do you need to invoke an anonymous function on the same line?
  6. Null-safe property access (and conditional assignment) in ES6/2015
  7. How to run Gulp tasks sequentially one after the other
  8. Why is “this” in an anonymous function undefined when using strict?
  9. How to stop babel from transpiling ‘this’ to ‘undefined’ (and inserting “use strict”)
  10. Load “Vanilla” Javascript Libraries into Node.js
  11. Angular UI-Router $urlRouterProvider .when not working when I click
  12. React input defaultValue doesn’t update with state
  13. How to handle circular dependencies with RequireJS/AMD?
  14. What does this “(function(){});”, a function inside brackets, mean in javascript? [duplicate]
  15. Global variables for node.js standard modules?
  16. Pattern for CoffeeScript modules [duplicate]
  17. this value in JavaScript anonymous function
  18. Uploading base64 encoded Image to Amazon S3 via Node.js
  19. Node.js Async/Await module export
  20. RequireJS: How to define modules that contain a single “class”?
  21. Dollar sign before self declaring anonymous function in JavaScript?
  22. supporting both CommonJS and AMD
  23. Why use the javascript function wrapper (added in coffeescript) “.call(this)”
  24. How to fix this ES6 module circular dependency?
  25. Export multiple classes in ES6 modules
  26. Typescript compiler error when importing json file
  27. Angular 8 – Lazy loading modules : Error TS1323: Dynamic import is only supported when ‘–module’ flag is ‘commonjs’ or ‘esNext’
  28. How can I pass a reference to a function, with parameters? [duplicate]
  29. What do “module.exports” and “exports.methods” mean in NodeJS / Express?
  30. ES6 module scope

Leave a Comment