javascript - JS中避免变量命名冲突的方法就是把代码放到一个自执行匿名函数之内,但是除了这个还有其好的代码组织方式吗?
PHPz
PHPz 2017-04-11 11:06:04
[JavaScript讨论组]

我的代码组织方式:

//把自己的全部代码用一个自执行函数包起来
(function() {
    
    //下面是实现图片轮播的代码,也用一个自执行函数包括起来
    (function() {
        //图片轮播的代码...
        //图片轮播需要用到的变量和函数
        var $a = ...;
        var $b = function() { ... };
        //其它的代码
        ....
    })();
    
    //下面是实现顶部导航特效的代码,也用一个自执行函数包括起来
    (function() {
        //实现特效的代码...
        //特效要用到的变量和函数
        var $a = ...;
        var $b = function() { ... };
        //其它的代码
        ....
    })();
})();

这样写的话,随着功能的增多,自执行的匿名函数会越写越多。看起来有些不伦不类。

大家平常都用哪些好的方法去组织代码的?

PHPz
PHPz

学习是最好的投资!

全部回复(6)
PHP中文网

使用es6吗?

在es6中可以使用代码块
{

var a = 1;

}
定义变量可以使用
let a = 1;

函数可以使用
()=>{
}

迷茫

变量名冲突解决办法

尽量少用全局变量,造成全局污染
尽量用let(es6)代替var可以解决变量提升等问题。

ringa_lee

如果用了jQuery的话可以把你的全局变量extend到jQuery下

PHPz

拥抱 ES6 吧,使用 let

PHPz

模块化 开发

大家讲道理

遵从楼上说的,用let,既不会污染也避免重名

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号