Home/ Questions/Q 1041207
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T15:19:12+00:00

A long time ago, I saw someone encapsulate their entire JavaScript block with code

  • 0

A long time ago, I saw someone encapsulate their entire JavaScript block with code something like the code below:

(function() {
  // ...
})(this);

Questions:

  1. Is the code above correct?
  2. What benefit is there to encapsulating the entire JavaScript block like denoted above?
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, that’s correct. It’s called a self invoking anonymous function expression.

    JavaScript variables have either function scope, or global scope. There is no block scope. Enclosing your code in a self invoking function like the one in your example creates a temporary local scope for single-use, immediately-run code, without polluting the global namespace.

    Consider the following:

    <html>
<body>
...
<script>
   (function() { 
      var x = '';

      function myFunction () {
         alert('Hello: ' + x);
      }

      x = 'Bob';
      myFunction();

      alert(typeof x);            // string
      alert(typeof myFunction);   // function
   })();

   alert(typeof x);               // undefined
   alert(typeof myFunction);      // undefined
</script>
<script src="other-javascript.js"></script>
</body>
</html>

    Whatever you declare in that self invoking function is held in a separate scope. The variable x and the function myFunction() cannot be accessed from anywhere else. The code in other-javascript.js won’t see them, for example, and it would be free to declare another function myFunction() without conflicts.

    • 0