node入门

随着Web开发技术的发展,JavaScript 已经从一种主要用于浏览器端脚本的语言成长为一种全栈开发语言,能够处理从前端到后端的所有需求。这种转变很大程度上得益于Node.js的出现。 Node.js 是一个开源的跨平台JavaScript运行时环境,用于在服务器端执行JavaScript代码。它基于Chrome V8 JavaScript引擎构建,使得开发者能够在服务器端使用JavaScript编写高性能的应用程序。

CommonJS 模块

CommonJS 规定了一个标准,用于在Node.js环境中定义和使用模块。它基于文件的概念,每个文件就是一个模块。模块可以导出函数、对象或原始值,以便其他模块可以使用它们。

  • 使用 require 加载模块

在Node.js中,可以使用 require 函数来加载和使用模块。require 函数接受一个字符串参数,该字符串表示要加载的模块的路径。

假设我们有一个名为 1.js 的文件:

css 复制代码
function add(a, b) {
    return a + b;
}

function subtract(a, b) {
    return a - b;
}

module.exports = {
    add,
    subtract
};

在这个文件中,我们定义了两个函数 addsubtract 并用module.exports将它们导出。

接下来,在另一个文件 2.js 中,我们可以使用 require 来加载 1.js 模块,并使用其中的函数:

javascript 复制代码
const math = require('./1');

console.log(math.add(10, 5)); // 输出: 15
console.log(math.subtract(10, 5)); // 输出: 5

在这个文件中,我们首先通过 require 加载了 1.js 文件,并将其赋值给 1 变量。然后我们可以通过这个变量访问模块中导出的对象和函数。

  • 使用 module.exportsexports

在CommonJS模块中,module.exportsexports 都是用来导出模块成员的关键字。通常来说,module.exports用来替换整个对象,exports添加对象进行抛出

ini 复制代码
module.exports = {
    add,
    subtract
};

export.add = add
export.subtract = subtract

ES Module 模块

ES Modules(通常称为ESM)是ECMAScript 2015 (ES6) 引入的一项新特性,它为JavaScript定义了一种模块化标准。ES Modules允许你使用 importexport 语句来导入和导出模块的成员。

  • 使用 importexport 创建模块 继续用上面的1.js2.js文件:
javascript 复制代码
// 1.js
export function add(a, b) {
    return a + b;
}

export function subtract(a, b) {
    return a - b;
}

在这个文件中,我们定义了两个函数 addsubtract 并分别将它们导出。

接下来,在另一个文件 app.js 中,我们可以使用 import 来加载 math.js 模块,并使用其中的函数:

javascript 复制代码
// 2.js
import { add, subtract } from './1';

console.log(add(10, 5)); // 输出: 15
console.log(subtract(10, 5)); // 输出: 5

在这个文件中,我们通过 import 语句加载了 math.js 文件,并指定了要从该模块导入的成员。然后我们可以通过这些导入的成员来调用函数。

  • 默认导出
javascript 复制代码
// 1.js
export function add(a, b) {
    return a + b;
}

export function subtract(a, b) {
    return a - b;
}

将整个1.js模块作为对象默认导出。

javascript 复制代码
// 2.js
import { add, subtract } from './1';

console.log(add(10, 5)); // 输出: 15
console.log(subtract(10, 5)); // 输出: 5

通过import { add, subtract } from './1';导入这个对象。

NPM

  • npm list

npm list:列出你当前已经安装了的node版本。

  • npm uninstall

npm uninstall:卸载你想卸载的node版本。

  • npm install -g --全局安装包

npm install -g :用于全局安装 Node.js 包。

  • *npm use

npm use:使用你想使用的node版本。

  • yrm ls

yrm ls:列出当前项目中安装的依赖包及其版本。

  • npm config get registry

npm config get registry:用于查看当前 Node.js 项目的 npm 配置中设置的 npm 登录注册表(registry)URL。这个URL指定了npm客户端将从哪个源下载包或向哪个源上传包。

  • yrm use

yrm use:使用你想要使用的源进行使用。

相关推荐
天若有情67320 分钟前
新闻通稿 | 软件产业迈入“智能重构”新纪元:自主进化、人机共生与责任挑战并存
服务器·前端·后端·重构·开发·资讯·新闻
香香爱编程26 分钟前
electron对于图片/视频无法加载的问题
前端·javascript·vue.js·chrome·vscode·electron·npm
程序猿_极客1 小时前
【期末网页设计作业】HTML+CSS+JavaScript 蜡笔小新 动漫主题网站设计与实现(附源码)
前端·javascript·css·html·课程设计·期末网页设计
zl_vslam1 小时前
SLAM中的非线性优-3D图优化之轴角在Opencv-PNP中的应用(一)
前端·人工智能·算法·计算机视觉·slam se2 非线性优化
CDwenhuohuo2 小时前
用spark-md5实现切片上传前端起node模拟上传文件大小,消耗时间
前端
Q_Q5110082852 小时前
python+django/flask的校园活动中心场地预约系统
spring boot·python·django·flask·node.js·php
阿桂有点桂2 小时前
React使用笔记(持续更新中)
前端·javascript·react.js·react
自由日记2 小时前
实例:跳动的心,火柴人
前端·css·css3
柯腾啊2 小时前
一文简单入门 Axios
前端·axios·apifox
im_AMBER2 小时前
React 15
前端·javascript·笔记·学习·react.js·前端框架