Bun 课堂笔记
| 对比 | Node.js | Bun |
|---|---|---|
| 语言 | C++ | Zig |
| JS 引擎 | V8 | JSCore |
关于 V8 和 JSCore 各自有不同的架构和优化策略：
- JSC 优先考虑的是更快的启动时间和更少的内存占用，执行时间会稍微久一下
- V8 优先考虑快速执行，同时进行运行时的优化，但是 V8 会导致更多的内存占用
因此 Bun 这个运行时的特点就是速度很快，特别是启动速度，基本比 Node.js 快 3-4 倍。
Bun 官网：https://bun.sh/
首先第一步需要安装 Bun，直接使用 npm 全局安装即可：
npm install -g bun
安装完成之后通过 bun -v 可以查看版本。
包管理器
Bun 除了是一个 JavaScript 运行时，同时还是一个包管理器。
回顾在 Node.js 环境中，流行的包管理器：
- npm（官方）
- yarn
- pnpm
但是 Bun 中，天然就自带包管理器。
测试运行器
Bun 同时还自带测试运行器。Bun 的内部有一个内置的测试模块 bun:test
如果你熟悉 Jest/Vitest，那么你可以无缝的迁移过来，零学习成本。
总结
Bun 首先是一个 JS 的运行时，但是不仅仅是运行时，还是一个全能的工具包，其中包含了：
- 包管理器
- 测试运行器
- 构建工具
- 转译器（天生支持 ts）
除此之外，Bun 还有相当多的非常实用的特性：
- 天生支持 ts 以及 JSX
- ESM 和 CommonJS 兼容
- 内置 WebAPI
- 能够使用顶层 await
- 热更新
Elysia
Elysia 是一个基于 Bun 运行时的 Web 框架。
官网地址：https://elysiajs.com/
Performance
// node-server.js
import http from "http";
const hostname = "localhost";
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader("Content-Type", "text/plain");
res.end("Hello World By Node.js");
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/ by Node.js`);
});
// bun-server.js
// 在 Bun 这个运行时里面，内置了一个全局的对象叫做 Bun
// 这个对象里面有一些全局的方法，比如说 Bun.serve
// 该方法就是创建一个服务器
const server = Bun.serve({
port: 3001,
fetch() {
return new Response("Hello World!");
},
});
console.log(`Server is running at http://localhost:${server.port} by Bun`);
// test_node.js
import fetch from "node-fetch";
let count = 1000; // 要发送的请求数量，初始化为 1000
const start = Date.now(); // 开始时间
let err_count = 0; // 错误数量
async function runTest() {
while (count > 0) {
try {
const res = await fetch("http://localhost:3000");
await res.text();
count--;
} catch (err) {
err_count++;
}
}
const end = Date.now(); // 结束时间
console.log(`花费时间为:${end - start}ms`);
console.log(`错误数量为:${err_count}`);
}
runTest();
// test_bun.js
import fetch from "node-fetch";
let count = 1000; // 要发送的请求数量，初始化为 1000
const start = Date.now(); // 开始时间
let err_count = 0; // 错误数量
async function runTest() {
while (count > 0) {
try {
const res = await fetch("http://localhost:3001");
await res.text();
count--;
} catch (err) {
err_count++;
}
}
const end = Date.now(); // 结束时间
console.log(`花费时间为:${end - start}ms`);
console.log(`错误数量为:${err_count}`);
}
runTest();
Result
