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:使用你想要使用的源进行使用。

相关推荐
黑客飓风14 分钟前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
emojiwoo1 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉2 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧2 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化
YeeWang3 小时前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript
gnip3 小时前
Jenkins部署前端项目实战方案
前端·javascript·架构
Orange3015113 小时前
《深入源码理解webpack构建流程》
前端·javascript·webpack·typescript·node.js·es6
lovepenny4 小时前
Failed to resolve entry for package "js-demo-tools". The package may have ......
前端·npm
超凌4 小时前
threejs 创建了10w条THREE.Line,销毁数据,等待了10秒
前端
车厘小团子4 小时前
🎨 前端多主题最佳实践:用 Less Map + generate-css 打造自动化主题系统
前端·架构·less