Self-Invoking Functions 自行調用方法

常常忘記，記錄一下... function 的自行調用方法

• 好處：
  1. 無法讀取 function 內部。
  2. 保證內部使用的參數值。

• 方法一:

  (function () {
    console.log('Hello');
  })(); // Hello >undefined
  

• 方法二:

    !function () {
      console.log('Hello');
    }(); // Hello >true
  

• 方法三:

  (function () {
    console.log('Hello');
  }()); // Hello >undefined 
  
  /* 跟"方法一"差在外括號包法 */
  

• 方法四:

  +function () {
    console.log('Hello');
  }(); // Hello >NaN
  

• 傳參數方式 - 常把 jQuery $ 帶入 function 內使用

  (function ($) {
  ...
  }(jQuery));
  

• 補充 Closures (閉包)

  var hay = (function () { 
    console.log('Hello');
    return function () {
      console.log('zizi');
    }
  })(); // Hello >undefined
  
  hay(); // zizi
  

照文章 『function与感叹号!』來看，作者自己寫了個檢測系統比較，其實用方法一跟方法三就可以了。

參考資料:

• Javascript Self Invoking Functions
• JavaScript Essence: 閉包（Closure）
• function与感叹号!
• [JS] function - 函數物件