javascript - JS中避免变量命名冲突的方法就是把代码放到一个自执行匿名函数之内，但是除了这个还有其好的代码组织方式吗？

问题描述

问 题

我的代码组织方式：

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

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

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

解决方案

使用es6吗？

在es6中可以使用代码块
{

var a = 1;

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

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

这篇关于javascript - JS中避免变量命名冲突的方法就是把代码放到一个自执行匿名函数之内，但是除了这个还有其好的代码组织方式吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！