Page Comparison

Encapsulate your code

You can encapsulate your code in more than one way.

Namespacing

Create a container object for all your functions and variables. For example, the Division of Finance and Administration could use an object named dfa…

let dfa = {};

…and add custom functions and variables as members of that object…

dfa.myVar = 'This is my variable';
dfa.myFunction = function() {...};

Doing this ensures that any other variable named myVar isn’t affected by DFA’s, and likewise DFA’s isn’t affected by anything defined outside the dfa object.

IIFE

An Immediately Invoked Function Expression (IIFE) is a function that executes at the time of definition. Any variables or functions defined within the IIFE are scoped to that IIFE only and cannot be accessed outside of it.

(function () {
  let myVar = 'This is my variable';
  let myFunction = function() {...};
})();