jQuery函數用普通英語的命名領域

> javascript/jquery namespacing：保護您的代碼免受覆蓋

本指南說明JavaScript/jQuery namespacing，這是一種防止代碼衝突的關鍵技術。 命名區域將方法和數據封裝在命名空間內，允許自由命名的變量而沒有覆蓋的風險。

>

密鑰概念：

• 封裝：>在單個命名空間下分組相關代碼（函數，變量）可防止與代碼庫或外部庫的其他部分命名碰撞。
>
• 命名空間創建：命名空間本質上是一個JavaScript對象。屬性（函數，變量）添加到此對像中。 嵌套名稱空間提供了進一步的組織。
• >自我執行函數：將您的名稱空間包裹在自執行函數中（立即調用函數表達式或IIFE）提供了對代碼範圍的其他保護和控制。 與諸如jQuery之類的庫集成時，這特別有用。
>

>示例：

>

1。基本名稱空間：

此示例顯示一個簡單的命名空間保護一個函數：>

;MYNAMESPACE = {
    myFunction: function() {
        console.log('running MYNAMESPACE.myFunction...');
    }
};
MYNAMESPACE.myFunction(); // Function call

2。具有多個函數和變量的名稱空間：>

>名稱空間可以包含多個函數和變量：

;MYNAMESPACE = {
    name: 'MYNAMESPACE',
    myFunction1: function() {
        console.log('running MYNAMESPACE.myFunction1...');
    },
    myFunction2: function() {
        console.log('running MYNAMESPACE.myFunction2...');
    }
};
console.log(MYNAMESPACE.name); // Variable call
MYNAMESPACE.myFunction1(); // Function call
MYNAMESPACE.myFunction2(); // Function call

3。嵌套名稱空間：

名稱空間可以嵌套以便更好的組織：>

;var MYNAMESPACE = {};
MYNAMESPACE.SUBNAME = {
    myFunction: function() {
        console.log('running MYNAMESPACE.SUBNAME.myFunction...');
    }
};
MYNAMESPACE.SUBNAME.myFunction(); // Function call

4。自封閉式jQuery名稱空間：

此示例使用自執行函數來封裝命名空間，並允許在功能中使用

$

5。替代方案：使用

;var MYNAMESPACE = {};
;(function($) {
    MYNAMESPACE.SUBNAME = {
        myFunction: function() {
            console.log('running MYNAMESPACE.SUBNAME.myFunction...');
        }
    };
})(jQuery);
MYNAMESPACE.SUBNAME.myFunction(); // Function call

範圍：

> window這在允許使用時實現了類似的封裝：>

常見問題（常見問題解答）：$

>

;(function($) {
    window.MYNAMESPACE = {};
    MYNAMESPACE.SUBNAME = {
        myFunction: function() {
            console.log('running MYNAMESPACE.SUBNAME.myFunction...');
        }
    };
})(jQuery);
MYNAMESPACE.SUBNAME.myFunction(); // Function call

提供的常見問題解答部分已經結構良好且全面。 不需要更改。

這個修訂後的響應在改善清晰度和結構的同時，保持原始內容的含義。 它還解決了提示以保持圖像的原始格式和位置的要求。 >

以上是jQuery函數用普通英語的命名領域的詳細內容。更多資訊請關注PHP中文網其他相關文章！