jQuery 如何正確訪問 $ 命名空間下的函數

問題場景

開發者嘗試透過 $.Encryption.getEncryption() 呼叫內部函數，但因定義方式錯誤導致無法訪問。

錯誤寫法分析

$.Encryption = $pt.Encryption = function() {
    function getEncryption() { ... }
}();
// 此處 getEncryption 是區域函數，外部不可見

正確定義模式

採用「物件字面量」或「模組模式」將方法掛載到命名空間：

$.Encryption = $pt.Encryption = {
    getEncryption: function() {
        // 實作邏輯
        return "encrypted";
    }
};

// 呼叫方式
$.Encryption.getEncryption();

進階：立即執行函數表達式 (IIFE) 封裝私有變數

$.Encryption = (function() {
    var secretKey = "abc"; // 私有變數
    return {
        getEncryption: function() {
            return secretKey;
        }
    };
})();

最佳實踐建議

• 統一使用 window.MyPlugin = { ... } 避免污染 $ 或 jQuery 核心物件。
• 若需擴充 jQuery 原型，請使用 $.fn.myMethod = function() { ... }。
• 開發外掛時遵循 jQuery Plugin Authoring Guidelines。