CommonJS模块化实例

Posted 全情海洋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CommonJS模块化实例相关的知识,希望对你有一定的参考价值。

CommonJS服务端模块化教程(Node.js模块化教程)

1. 安装Node.js

2. 创建项目结构

|-modules
  |-module1.js
  |-module2.js
  |-module3.js
|-main.js
|-package.json

3. 模块化编码:

  • module1.js

    module.exports = {
      data:‘module1‘,
      foo(){
        console.log(‘foo()------‘,this.data);
      },
      bar(){
        console.log(‘bar()------‘,this.data);
      }
    }
    
  • module2.js

    module.exports = function () {
      console.log(‘module2‘);
    }
    
  • module3.js

    exports.foo = function () {
      console.log(‘foo()  module3‘);
    }
    
    exports.bar = function () {
      console.log(‘bar()  module3‘);
    }
    
  • 下载第三方模块uniq:,输入命令:npm install uniq

  • main.js

    let module1 = require(‘./modules/module1‘)
    let module2 = require(‘./modules/module2‘)
    let module3 = require(‘./modules/module3‘)
    let a = require(‘uniq‘)
    
    module1.foo()
    module1.bar()
    module2()
    module3.foo()
    module3.bar()
    
    let arr = [1,11,2,2,2,5,5,5,3,4,6,6,9,7,8]
    console.log(a(arr));
      
    

    4. 在node环境下运行app.js的两种方法(任选其一):

  • 第一种方法:用命令启动: node main.js

  • 第二种方法:用工具启动: 右键 --> Run ‘xxxxx.js‘

以上是关于CommonJS模块化实例的主要内容,如果未能解决你的问题,请参考以下文章

CommonJS随记

前端模块化方案:CommonJS/AMD/CMD/ES6规范

前端模块-ES6与commonJS区别

ES6 模块与 CommonJS 模块的差异

前端模块化:CommonJS,AMD,CMD,ES6

CommonJs模块规范