浅谈node模块与npm包管理工具


Posted in Javascript onJanuary 03, 2018

在Node.js中,以模块为单位划分所有的功能,并且提供了一个完整的模块加载机制,所以我们可以将应用程序划分为各个不同的部分,并且对这些部分进行很好的协同管理。通过将各种可重用代码编写在各种模块中的方法,可以大大减少应用程序的代码量,提高应用程序的开发效率以及应用程序代码的可读性。通过模块加载机制,可以将各种第三方模块引入到我们的应用程序中。

在node.js中,提供npm包管理工具,用于从第三方网站上下载各种Node.js包。

一、模块

1.1 加载模块

在Node.js中,以模块为单位划分所有的功能,一个Node.js应用程序由大量的模块组成,每一个模块都是一个JavaScript文件,在加载node.js中预先定义的核心模块,我们只需要require('模块名'),例如require('http'),在将第三方类库引入到我们的应用程序时,需要指定该文件的完整路径及文件名,例如 require('./script/foo.js')

1.2 访问模块

1.2.1使用exports对象访问

在一个模块文件中定义变量、函数或对象只在该模块内有效,当你需要从外部模块引用这些变量、函数或对象时,需要再改模块内,例如,建一个testModule.js,代码如下:

var testVar = "Can you see me now ? ";
var funName = function(name){
  console.log('My name is' + name);
}
exports.testVar = testVar ;
exports.funName = funName ;

那么我们想在http.js中使用这些变量、函数或对象,可在http.js中书写如下代码:

var test1 = require('./testModule.js');
// 通过test1访问testModule.js模块内的testVar变量 和funName函数
console.log(test1.testVar)
test1.funName('Luckfine')

node 运行下这个http.js node http.js

运行结果如下

浅谈node模块与npm包管理工具

1.2.2使用module.exports对象访问

当你需要从外部模块引用这些变量、函数或对象时,使用exports对象,也可以使用module.exports,但是需要将模块定义一个类时,只能用module.exports。

例如定义一个testModule类,在testModule.js中如下代码:

var _name,_age
var name = '',age = 0;
var foo = function(name,age){
  _name = name ; 
  _age = age ;
}
// 获取私有变量_name的变量只
foo.prototype.GetName = function(name){
  return _name;
};
// 设置私有变量_name的变量值
foo.prototype.SetName = function(name){
  _name = name;
}
// 获取私有变量_age的变量只
foo.prototype.GetAge = function(age){
  return _age;
};
// 设置私有变量_name的变量值
foo.prototype.SetAge = function(age){
  _age = age;
}
foo.prototype.name = name;
foo.prototype.age = age;
module.exports = foo;

那么我们想在http.js中使用这个类的变量、函数或对象,可在http.js中书写如下代码:

var foo = require('./testModule.js');
var myFoo = new foo('Luckfine',18);

console.log('获取修改前的私有变量值')
console.log(myFoo.GetName());
console.log(myFoo.GetAge());

console.log('修改私有变量');
myFoo.SetName('Baby');
myFoo.SetAge(16);

console.log('获取修改后的私有变量值')
console.log(myFoo.GetName());
console.log(myFoo.GetAge());


console.log('获取修改前的公有变量值')
console.log(myFoo.name);
console.log(myFoo.age);

console.log('修改公有变量')
myFoo.name = "Tom";
myFoo.age = 20;

console.log('获取修改后的公有变量值')
console.log(myFoo.name);
console.log(myFoo.age);

然后在iTerm中运行node http.js命令,运行结果如下所示

浅谈node模块与npm包管理工具

总结以上:

也就是说,js文件和js文件之间有两种合作的模式:
1) 某一个js文件中,提供了函数,供别人使用。 只需要暴露函数就行了; exports.msg=msg;
2) 某一个js文件,描述了一个类。 module.exports = People;

二、npm包管理

npm是跟随Node.js一起的包管理工具,能解决Node.js代码部署上的很多问题,当我们使用npm去安装一些第三方库的时候,安装包会放在运行npm命令时所在的目录中的node_modules文件夹中,如果当前目录下没有node_modules,会在当前目录下生成node_modules目录,并把我们需要的第三方库放在node_modules中。

所以在安装的时候,要注意,命令提示符所在的位置。

安装第三方库的命令  npm install 模块名字, 假如我们需要安装express,那么只需要在命令行中输入npm install express

1.我们的依赖包,可能在随时更新,我们永远想保持更新,或者某持某一个版本;
2.项目越来越大的时候,给别人看的时候,没有必要再次共享我们引用的第三方模块。

所以我们可以使用package.json来管理依赖包。

在cmd中,使用npm init可以初始化一个package.json文件,用回答问题的方式生成一个新的package.json文件。

生成package.json的作用就是,如果一不小心我们丢了什么依赖,那么只要我们直接npm install就可以安装package.json中的缺失的依赖;

package.json中版本号前面有一个尖角号,表示固定版本,即固定使用我现在安装的版本;

例如我们现在新建一个文件夹

浅谈node模块与npm包管理工具

1、新建文件夹

我们现在需要安装一个第三方库express,就先进入这个文件夹,打开命令行,在此输入 npm install express'' 等命令行完成之后,我们会看到在文件夹中就新建了一个node_modules文件夹,并且把我们需要的库已经安装在文件夹中

浅谈node模块与npm包管理工具

2、安装后文件夹中内容

然后我们需要一个package.json管理我们的包,就可以在命令行中输入npm init,这时可已根据命令行的提示回答问题建立package.json

浅谈node模块与npm包管理工具

3、建立package.json

那么我们这个项目的一些依赖,版本号,描述,作者等都可以通过package.json进行相应管理。

浅谈node模块与npm包管理工具

4、包管理

我这个包管理内容比较少,那么正常情况下package.jaon都有如下内容

 浅谈node模块与npm包管理工具

浅谈node模块与npm包管理工具

浅谈node模块与npm包管理工具

浅谈node模块与npm包管理工具

三、模块对象的属性

这个作为更深入的了解。

在模块文件内部,可以访问当前模块的如下一些属性。

module.id : 表示该模块文件的绝对路径。

module.filename :属性值为当前模块的文件名

module.loaded :属性值为布尔值,当属性值为false时表示模块尚未加载完毕,反之为加载完毕。

module.parent:属性值为当前模块的父模块对象,即调用当前模块的模块对象

module.children:属性值为一个数组,其中存放了当前模块所有子模块对象,即当前模块中已加载的所有模块对象。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
Feb 16 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
Apr 19 Javascript
JavaScript实现的使用键盘控制人物走动实例
Aug 27 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
Aug 26 Javascript
jQuery 如何给Carousel插件添加新的功能
Apr 18 Javascript
微信小程序中显示html格式内容的方法
Apr 25 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 Vue.js
JavaScript基于面向对象实现的猜拳游戏
Jan 03 #Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 #Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 #Javascript
vue项目中用cdn优化的方法
Jan 03 #Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 #Javascript
利用原生js实现html5小游戏之打砖块(附源码)
Jan 03 #Javascript
js判断文件类型大小并给出提示的实现方法
Jan 03 #Javascript
You might like
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
myeclipse安装jQuery插件的方法
2011/03/29 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
jQuery中attr()方法用法实例
2015/01/05 Javascript
js图片跟随鼠标移动代码
2015/11/26 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
js实现网页图片延时加载 提升网页打开速度
2016/01/26 Javascript
JS声明式函数与赋值式函数实例分析
2016/12/13 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
js中console在一行内打印字符串和对象的方法
2019/09/10 Javascript
jQuery实现移动端笔触canvas电子签名
2020/05/21 jQuery
python实现多线程抓取知乎用户
2016/12/12 Python
对python的文件内注释 help注释方法
2018/05/23 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
Pyqt5 实现跳转界面并关闭当前界面的方法
2019/06/19 Python
使用python实现ftp的文件读写方法
2019/07/02 Python
Python安装依赖(包)模块方法详解
2020/02/14 Python
HTML5新特性 多线程(Worker SharedWorker)
2017/04/24 HTML / CSS
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
保研推荐信
2014/05/09 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
关于随地扔垃圾的检讨书
2014/09/30 职场文书
2014年语文教师工作总结
2014/12/18 职场文书
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python