首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
拉勾
V2EX  ›  问与答

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

  •  
  •   SolidZORO · 2015-12-09 23:14:12 +08:00 · 1330 次点击
    这是一个创建于 1201 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    不知這樣是否合理,你們都怎麼做?

    7 回复  |  直到 2015-12-10 10:42:31 +08:00
        1
    zkd8907   2015-12-09 23:22:01 +08:00
    其实这样和直接在 html 里写
    ```window.config = {};
    window.config.module1=true;
    window.config.module3=true;```
    然后在各个 js 的头部写
    ```if(!window.config.module1)return;```
    是没有区别的

    然而现在一般意义上说所的模块化,除了说把不同的 module 分成独立文件,还包括诸如模块(异步)加载、模块依赖的=。=
        2
    SolidZORO   2015-12-09 23:30:24 +08:00
    @zkd8907 嗯,沒錯。我只是想簡單的讓 js 識別 className 運行而已。疑惑這樣很多的 hasClass 判斷是否會影響性能,因為現在 js 文件有 10 多個了。

    還想多看看大家的實現方式。
        3
    liuzhen   2015-12-09 23:30:29 +08:00
    我现在公司有个人 js 代码就是你说的这样,一开始简直有点不习惯,现在倒也能接受。

    前端这几年发展太快,项目启动时没有及时规范后面好容易每个人整一种模式在项目里
        4
    belin520   2015-12-09 23:31:18 +08:00 via iPad
    什么套路?
        5
    zkd8907   2015-12-09 23:47:15 +08:00
    @SolidZORO 这样做肯定是可以的,性能肯定是比直接判断 window.config.module1 慢的,但是如果数量不多的话倒也还好,在现代浏览器上应该几乎没有区别。
        6
    zkd8907   2015-12-09 23:48:22 +08:00
    如果你们的项目用这种方式就能解决问题的话,倒也无所谓。毕竟框架、设计本身也要服务于业务嘛。
        7
    zhouyg   2015-12-10 10:42:31 +08:00
    我们是 body 有十几个 data-xxx ,启动时把这些数据放到挂到全局的对象中。

    然后 switch case..好像跟 lz 差不多。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3868 人在线   最高记录 4385   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 24ms · UTC 03:20 · PVG 11:20 · LAX 20:20 · JFK 23:20
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1