js模块化

朱雀 2020-06-25 08:56 906阅读 0赞

**CMD模块定义规范**

经常使用的 API 只有 `define`, `require`, `require.async`, `exports`,`module.exports` 这五个。

**node.js的模块化**

**module.js**

/*Node.js创建模块*/
    /*普通定义函数*/
    var x,y;
    <span style="color:#ff0000;">exports</span>.setArgs = function(a,b){
    	x = a;
    	y = b;
    }
    
    exports.mult = function(){
    	console.log(x + '和' + y + '的乘积是：' + x*y);
    }
    
    
    /*封装成函数（模拟类的概念）*/
    function calc(){
    	var x,y;
    	this.setArgs = function(a,b){
    		x = a;
    		y = b;
    		console.log("设置参数成功！");
    	};
    	this.mult = function(){
    		console.log(x + '和' + y + '的乘积是：' + x*y);
    	};
    	this.add = function(){
    		console.log(x + '和' + y + '的和是：' + (x+y));
    	};
    }
    
    // exports.calculator = calc;/*方法一：通过实例化calculator对象来调用calc()中的相关方法*/
    
    <span style="color:#ff0000;">module.exports</span> = calc;/*方法二：直接导出calc()进行实例化使用相关方法*/

**getModule.js**

/*普通定义的使用*/
    var module = <span style="color:#ff0000;">require("./module");</span>
    module.setArgs(5,4);
    module.mult();
    
    /*方法一*/
    var module = require("./module").calculator;  //获得calculator对象  
    console.log(module); 
    var moduleEntity = new module();  //实例化，如果不做这一步，想直接通过module.Func会出错  
    console.log(moduleEntity.setArgs);  //验证moduleEntity是否可以正常调用函数  
    moduleEntity.setArgs(4,2);  //验证通过，此方法可以使用  
    moduleEntity.add();  
    moduleEntity.mult();
    
    /*方法二*/
    var Calculator = require("./module");  
    calculator = new Calculator();  
    calculator.setArgs(7,3);  
    calculator.add();

运行：打开cmd模式，进入module.js 和 getModule.js文件所在路径，运行node getModule.js

发表评论取消回复

表情：

评论列表（有 0 条评论，906人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 模块化 - Common JS 模块化规范

1 Common JS 介绍 Common JS 是模块化规范之一。每个文件都是一个作用域，文件里面定义的变量/函数都是私有的，对其他模块不可见。Common JS 规范

谁践踏了优雅/ 2024年04月06日 12:02/ 0 赞/ 71 阅读

相关 JS模块化

简介 js目前的主流模块化有CommonJS、AMD、CMD（阿里员工开发，但已经卖给国外，只需要做了解）、ES6规范。 CommonJS 首先是用在服务器端（N

梦里梦外;/ 2023年07月10日 08:24/ 0 赞/ 23 阅读

相关 JS模块化开发

JS模块化开发--有效防止变量命名重复问题 -------------------- 前言网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等..

我不是女神ヾ/ 2022年12月15日 02:22/ 0 赞/ 308 阅读

相关 JS模块化1_模块化进化史

JS模块化什么是模块? 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据/实现是

待我称王封你为后i/ 2022年09月12日 11:49/ 0 赞/ 256 阅读

相关 js模块化规约

随着前端技术的发展，先后也涌现出了很多模块化技术方案，本人将分享业界js模块化规约目录 1.1. CommonJS规范 1.2. AMD规范 1.3. CMD规

灰太狼/ 2022年06月08日 02:27/ 0 赞/ 166 阅读

相关 js模块化（三大模块化规范）

js模块化模块化的理解 1. 什么是模块？模块是将一个复杂的程序依据一定的规则（规范）封装成几个块（文件），并进行组合在一起。块的内

向右看齐/ 2021年07月25日 19:34/ 0 赞/ 587 阅读

相关 JS模块化

js模块化 js模块化进化史 1.简单封装 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

亦凉/ 2021年07月25日 01:25/ 0 赞/ 597 阅读

相关 JS模块化

一模块化简介 1 模块化产生的背景随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 Javascript模块化编

梦里梦外;/ 2021年07月24日 14:23/ 0 赞/ 506 阅读

相关 js 模块化开发

一、Javascript 模块化编程： 1、记的刚开始用JS写代码的时候，都是一个方法一个方法的处理某个事情，比如 function check()\{ dosom

「爱情、让人受尽委屈。」/ 2021年06月24日 13:59/ 0 赞/ 562 阅读

相关 js模块化

*CMD模块定义规范** 经常使用的 API 只有 `define`, `require`, `require.async`, `exports`,`module.exp...

朱雀/ 2020年06月25日 08:56/ 0 赞/ 907 阅读