zoukankan      html  css  js  c++  java
  • 前端模块化详解------commonjs

    传统开发  :

        (1)<script src="app.js"><script>
          整个网页写了一个js文件  所有的特效都在里面   
          缺点:耦合度太高代码之间的关联性太强,不便于后期维护 会造成全局污染
     
        (2)<script src="01.js"><script>
            <script src="02.js"><script>
            <script src="03.js"><script>
             这种写法的弊端    发生的请求次数过多,依赖模糊,难于维护  

    模块化开发:

      先下载一个  node.js

      1.什么是模块?

        1.将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起

        2.块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信

      2.为什么使用模块化开发

        1.减少代码之间的关联度

        2.部署方便

        3.更好的分离,按需加载

        4.避免命名冲突(减少命名空间污染),容易维护

        5.更好的复用性

        6.更好的维护性

      3.模块化规范

           node自带规范(模块) commonjs规范

           node -v 检测mode版本

        1.commonjs

        

          概述:node应用又模块组成,采用commonjs模块规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。在服务器端,模块的加载是运行时同步加载的;在浏览器端,模块需要提前编译打包处理。

          特点:1. 所有代码都在运行在模块作用域,不会污染全局作用域

             2. 模块可以多次加载,但是只会在第一次加载时运行一次,然后运行结果就被缓存了,以后再加载,就直接读取缓存结果。要想让模块再次运行,必须清除缓存。

             3. 模块加载的顺序,按照其在代码中出现的顺序

          基本语法:

            暴露模块: module.exports=value或exports.xxx=value

            引入模块: require(xxx),如果是第三方模块,xxx为模块名;如是自定义模块,xxx为模块文件路径

          commonjs暴露的模块到底是什么?

             comonjs规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,他的exports属性(即module.exports)是对外的接口,加载某个模块,其实是加载该模块的module.exports

    属性。

      

        通过module.exports输出变量x和函数addx

      

      

      require 命令用于加载模块文件,require命令的基本功能是,读入并执行一个JavaScript文件,然后返回该模块的exports对象。如果没有发现指定模块,会报错

      模块的加载机制:ommonJS模块的加载机制是,输入的是被输出的值的拷贝。也就是说,一旦输出一个值,模块内部的变化就影响不到这个值。   

      

       

  • 相关阅读:
    MFC
    驱动学习
    Ubuntu下为Apache简单配置SSL的方法(HTTPS的实现)
    在linux下helloworld的C程序
    swift安装,linux
    gcc,cc,g++,CC的区别
    ldconfig与 /etc/ld.so.conf
    ubuntu16.04,mysql5.7重启不成功。Restarting mysql (via systemctl): mysql.serviceJob for mysql.service failed because the control process exited with error code. See "systemctl status mysql.service"
    linux .o,.a,.so文件
    zipgateway-2-61-0的安装
  • 原文地址:https://www.cnblogs.com/liancai001/p/10967698.html
Copyright © 2011-2022 走看看