js中避免函数名和变量名跟别人冲突

最新推荐文章于 2022-05-22 12:24:11 发布

原创最新推荐文章于 2022-05-22 12:24:11 发布 · 5.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #命名空间

javascript 同时被 3 个专栏收录

111 篇文章

订阅专栏

js原理

38 篇文章

订阅专栏

js命名空间

2 篇文章

订阅专栏

本文介绍三种JavaScript中定义命名空间的方法：对象字面量、构造函数和立即执行函数。通过实例展示了如何使用这些方法来组织代码并避免全局作用域污染。

方式1：

var mainNS={};
mainNS.Person = {
    id:
    name:
    $d:$('#s1');
    fn1:
    fn2:function(){
        $d.bind('click',function(){
        ...
        });
    }
}

//调用
mainNS.Person.fn2();

方式2：

(function(){
     var _NS = function(){
            var m=0;
        };
        _NS.prototype.alert = function(){
            console.log(arguments[0]||'aaa');
        }
        _NS.prototype.getName = function(){
            console.log(m);
        }
        _NS.prototype.setName = function(_name){
            m=_name;
        }

        window.NS = new _NS();
})();

//调用
NS.setName('Victor');

中和简化写法：

<script>
    var NameSpace = window.NameSpace || {};
    NameSpace.Hello = new function() {
        var name = 'world';
        this.sayHello = function(_name) {
            console.log('Hello ' + (_name || name));
        };
        this.setDisplay = function(){
            console.log('display:block');
        }
    };
    NameSpace.Hello.sayHello('alice');

</script>
<script>
    NameSpace.Hello.sayHello('Lucy');
</script>
<script>
    NameSpace.Hello.sayHello();
</script>
<script>
    NameSpace.Hello.setDisplay();
</script>