IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> express、koa、nest对比,谁才是最强node框架? -> 正文阅读

[JavaScript知识库]express、koa、nest对比,谁才是最强node框架?

前言

学习express和nest有很长一段时间了,koa和egg虽说没学过,但是看了看文档发现区别也不大,今天写篇文章对比分析下,也给大家一点帮助。

一切都源于中间件

洋葱模型

在这里插入图片描述
对应 express、koa、nest 来说,所有的功能都是基于中间件实现的。
大家看上图,是不是像洋葱切开的样子,这就是洋葱模型,express、koa、nest都是洋葱模型,但是express与nest是类洋葱模型(不是完全意义上的洋葱模型)。

express

const connect = require('express')

const app = connect()

app.use(function m1 (req, res, next) {
  console.log('m1')
  next()
  console.log('m1 end')
})

app.use(function m2 (req, res, next) {
  console.log('m2')
  next()
  console.log('m2 end')
})

app.use(function m3 (req, res, next) {
  console.log('m3')
  res.end('hello')
})

app.listen(3000)
m1
m2
m3
m2 end
m1 end

koa

const Koa = require('koa')

const app = new Koa()

app.use(async function m1 (ctx, next) {
  console.log('m1')
  await next()
  console.log('m1 end')
})

app.use(async function m2 (ctx, next) {
  console.log('m2')
  await next()
  console.log('m2 end')
})

app.use(async function m3 (ctx) {
  console.log('m3')
  ctx.body = 'hello'
})

app.listen(8080)
m1
m2
m3
m2 end
m1 end

不同之处

  1. 对于Express与KOA洋葱模型的区别就是 响应的时机不同

    核心就是请求的响应的时机不同,express是在调用res.send就结束响应了(但是会继续执行回调),而koa则是在中间件调用完成之后,在洋葱的最外层,由koa调用res.send方法(执行完全部回调后调用)。
    
  2. Express 是基于 callback 来处理中间件的,而 KOA 则是基于 await/async

    通过以上的代码应该也能看出来,express中间件为回调函数,koa的中间件为async await,但是我们在开发express项目的时候,中间件也写成async await函数的形式,原因是我们需要await 来同步IO操作。
    
  3. Express 封装、内置了很多中间件,比如 connect和 router,而 KOA 则比较轻量,开发者可以根据自身需求定制框架

    这个在代码中可以体现出来,express中router是express的一部分,但是在koa中需要下载插件。vue的渐进式,差不多也是这个意思吧。
    

nest

在这里插入图片描述
也是洋葱模型,但是和express与koa又不一样,但是确实也是洋葱模型,看看他的中间件。

nest与老牌框架

nest是新出的一款实用ts编写的node框架,与传统的express、koa、egg有很多不同的地方。

1. 使用typescript编写
2. 大量装饰器
3. 依赖注入,控制反转,angular的思想(包括写法上几乎一样),spring的思想
4. 洋葱模型,各种官方封装好中间件(见上图)
5. mvc架构清晰,耦合低
6. express 和 fastify,这两个库的用法,nest都支持,这两个库的插件也都支持
7. 严谨规范,同5,相比express与koa的琐碎(express与koa随意搭配插件就可开发,当然这也是灵活之处)
8. 国内生态差,中文文档烂

未完…

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-11 18:43:10  更:2021-09-11 18:44:40 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 7:50:56-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码