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中文网其他相关文章！