JavaScript closure patterns

IIFE.md

IIFE (Immediately Invoked Function Expression)

!function() {
  // Code in here is encapsulated
}();

Note that ! or + is safer than () because () could invoke preceding code.

// Parens invoke the console.log
console.log
(function() { 
  return "invoked" 
}());

// Won't log anything
console.log
!function() { 
  return "invoked"
}();

// Won't log anything
console.log
+function() {
  return "invoked"
}();

! seems ideal because it like cautions that the code ahead is a closure

UMD.md

UMD (Universal Module Definition)

!function(root, name, make) {
  if (typeof module != "undefined" && module.exports) module.exports = make()
  else root[name] = make()
}(this, "example", function() {
  return /* api */
});

!function(name, make) {
  if (typeof module != "undefined" && module.exports) module.exports = make()
  else if (typeof window != "undefined") window[name] = make()
}("example", function() {
  return /* api */
});

!function(name, make) {
  var made = make()
  if (typeof module != "undefined" && module.exports) module.exports = made
  else if (typeof window != "undefined") window[name] = made
}("example", function() {
  return /* api */
});

unrelated gist image experiment...this image fit the mood =p