這樣的 JS 模塊化方式是否合理？

[SolidZORO]

目前我的做法是每一個 js 文件 (eg. product.js / article.js) 頭都有一個這樣的代碼。遇到 body 裡面有這個 className 就執行。

if (!$('body').hasClass("body-element-name")) {
    return false;
}

然後代碼用 gulp 壓成了一個 .js ， HTML 頁面按需求執行需要的部分。

不知這樣是否合理，你們都怎麼做？

[zkd8907]

其实这样和直接在 html 里写
```window.config = {};
window.config.module1=true;
window.config.module3=true;```
然后在各个 js 的头部写
```if(!window.config.module1)return;```
是没有区别的

然而现在一般意义上说所的模块化，除了说把不同的 module 分成独立文件，还包括诸如模块(异步)加载、模块依赖的=。=

[SolidZORO]

@zkd8907 嗯，沒錯。我只是想簡單的讓 js 識別 className 運行而已。疑惑這樣很多的 hasClass 判斷是否會影響性能，因為現在 js 文件有 10 多個了。

還想多看看大家的實現方式。

[liuzhen]

我现在公司有个人 js 代码就是你说的这样，一开始简直有点不习惯，现在倒也能接受。

前端这几年发展太快，项目启动时没有及时规范后面好容易每个人整一种模式在项目里

[belin520]

什么套路？

[zkd8907]

@SolidZORO 这样做肯定是可以的，性能肯定是比直接判断 window.config.module1 慢的，但是如果数量不多的话倒也还好，在现代浏览器上应该几乎没有区别。

[zkd8907]

如果你们的项目用这种方式就能解决问题的话，倒也无所谓。毕竟框架、设计本身也要服务于业务嘛。

[zhouyg]

我们是 body 有十几个 data-xxx ，启动时把这些数据放到挂到全局的对象中。

然后 switch case..好像跟 lz 差不多。