JS `Bun` (Zig 实现)：一体化运行时、打包器、测试运行器深度解析

各位观众老爷们，晚上好！欢迎来到今天的“Bun之夜”！今天咱要聊聊JS界的新晋网红——Bun。这玩意儿，号称要一统江湖，集运行时、打包器、测试运行器于一身，听着就带劲！

一、Bun是何方神圣？（Bun的背景和特性）

Bun，用Zig语言编写，并非Node.js或Deno的简单替代品，而是试图重新定义JS生态。它的目标是速度、兼容性和易用性。你可以把它想象成一个瑞士军刀，啥都能干，而且干得还漂亮。

Bun的主要特性：

速度飞快： Zig语言的加持，让Bun在启动速度、模块加载、执行速度等方面都远超Node.js。就像博尔特穿上了火箭鞋，嗖嗖的！
TypeScript原生支持： 无需额外配置，直接运行.ts文件，省时省力。
JSX/TSX支持： 前端工程师的最爱，Bun也安排上了。
内置打包器： 摆脱webpack、Parcel等依赖，Bun自带打包功能，简化构建流程。
内置测试运行器： 无需Jest、Mocha，Bun就能跑测试，简直不要太方便。
兼容Node.js模块： Bun的目标是兼容Node.js生态，这意味着大部分npm包都能在Bun上运行。
Web API支持： Bun实现了大量的Web API，这意味着你可以在Bun中使用fetch、WebSocket等。
SQLite支持： 内置SQLite数据库，方便快速开发。

二、Bun的安装与基本使用（Show me the code!）

首先，你需要安装Bun。在终端输入以下命令：

curl -fsSL https://bun.sh/install | bash

安装完成后，重启你的终端，或者手动将Bun添加到你的PATH环境变量中。

1. 运行JavaScript文件：

创建一个名为hello.js的文件，内容如下：

console.log("Hello, Bun!");

然后在终端运行：

bun run hello.js

输出：

Hello, Bun!

2. 运行TypeScript文件：

创建一个名为hello.ts的文件，内容如下：

const message: string = "Hello, Bun (TypeScript)!";
console.log(message);

然后在终端运行：

bun run hello.ts

输出：

Hello, Bun (TypeScript)!

3. 使用bun create快速创建项目：

bun create my-bun-app
cd my-bun-app
bun install
bun run dev

这会创建一个默认的Bun项目，并启动开发服务器。是不是感觉比create-react-app快多了？

三、Bun作为运行时（Bun vs Node.js）

Bun的目标之一是替代Node.js。那么，它到底有哪些优势呢？

特性	Node.js	Bun	优势
语言	C++, JavaScript, V8	Zig	Zig性能更高，更轻量级
启动速度	较慢	极快	节省开发时间，提高效率
模块加载速度	较慢	极快	减少等待时间，提升用户体验
TypeScript支持	需要编译	原生支持	无需配置，直接运行
内置打包器	无	有	简化构建流程，减少依赖
内置测试运行器	无	有	方便进行单元测试
Web API支持	部分	大部分	方便前端开发者使用Web API
兼容性	良好	正在完善	逐步兼容Node.js生态，降低迁移成本

代码示例：

用Node.js和Bun分别创建一个简单的HTTP服务器：

Node.js (server.js):

const http = require('http');

const server = http.createServer((req, res) => {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  res.end('Hello, Node.js!n');
});

const port = 3000;
server.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});

Bun (server.ts):

const server = Bun.serve({
  port: 3000,
  fetch(req) {
    return new Response("Hello, Bun!");
  },
});

console.log(`Listening on localhost:${server.port}`);

可以看到，Bun的代码更加简洁，而且直接使用了TypeScript，省去了编译的步骤。

四、Bun作为打包器（告别Webpack？）

Bun内置了打包器，这意味着你无需再依赖Webpack、Parcel等工具。Bun的打包速度非常快，而且配置简单。

示例：

假设我们有一个简单的项目结构：

my-project/
├── src/
│   ├── index.ts
│   └── utils.ts
├── package.json
└── tsconfig.json

src/index.ts:

import { add } from './utils';

const result = add(1, 2);
console.log(`The result is: ${result}`);

src/utils.ts:

export function add(a: number, b: number): number {
  return a + b;
}

package.json:

{
  "name": "my-project",
  "version": "1.0.0",
  "scripts": {
    "build": "bun build src/index.ts --outfile dist/bundle.js"
  },
  "devDependencies": {
    "typescript": "^5.0.0"
  }
}

tsconfig.json:

{
  "compilerOptions": {
    "target": "es2020",
    "module": "esnext",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "skipLibCheck": true
  }
}

在终端运行：

bun install
bun run build

这会在dist目录下生成一个名为bundle.js的文件，这就是打包后的代码。是不是很简单？

Bun打包器的常用选项：

选项	描述
`--outfile`	指定输出文件的路径。
`--format`	指定输出文件的格式（`esm`或`cjs`）。
`--minify`	启用代码压缩。
`--sourcemap`	生成sourcemap文件，方便调试。
`--target`	指定目标环境（例如`browser`、`node`）。

五、Bun作为测试运行器（再见Jest？）

Bun也内置了测试运行器，可以用来运行单元测试。

示例：

假设我们有一个名为math.ts的文件：

export function add(a: number, b: number): number {
  return a + b;
}

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

创建一个名为math.test.ts的测试文件：

import { expect, test } from "bun:test";
import { add, subtract } from "./math";

test("add", () => {
  expect(add(1, 2)).toBe(3);
});

test("subtract", () => {
  expect(subtract(5, 3)).toBe(2);
});

在终端运行：

bun test

Bun会自动找到并运行所有以.test.ts或.spec.ts结尾的文件。

Bun测试运行器的常用API：

test(name: string, fn: () => void): 定义一个测试用例。
expect(actual: any): 创建一个断言对象。
expect(actual: any).toBe(expected: any): 断言actual等于expected。
expect(actual: any).toEqual(expected: any): 断言actual深度等于expected。
expect(actual: any).toBeTruthy(): 断言actual为真值。
expect(actual: any).toBeFalsy(): 断言actual为假值。
expect(actual: any).toBeNull(): 断言actual为null。
expect(actual: any).toBeUndefined(): 断言actual为undefined。
expect(fn: () => void).toThrow(): 断言函数fn会抛出异常。

六、Bun的兼容性问题（金无足赤，人无完人）

虽然Bun的目标是兼容Node.js生态，但目前还存在一些兼容性问题。

部分npm包可能无法运行： 由于Bun的底层实现与Node.js不同，一些依赖原生模块的npm包可能无法正常运行。
部分Node.js API可能不支持： Bun还在不断完善对Node.js API的支持。
生态系统不够完善： 相比Node.js，Bun的生态系统还不够完善，缺少一些常用的工具和库。

七、Bun的未来展望（未来可期！）

尽管Bun目前还存在一些问题，但它的潜力是巨大的。随着Bun的不断发展和完善，相信它会成为JS开发领域的一颗耀眼的新星。

性能优化： Bun会继续优化性能，争取在速度上超越Node.js。
兼容性提升： Bun会努力提高对Node.js生态的兼容性，让更多的npm包能够在Bun上运行。
生态系统建设： Bun会积极建设生态系统，吸引更多的开发者参与到Bun的开发中。

八、总结（一句话概括）

Bun，一个用Zig编写的JS运行时，目标是更快、更简单、更强大，值得你关注和尝试！

好了，今天的“Bun之夜”就到这里。感谢各位观众老爷的收看！希望大家对Bun有了更深入的了解。咱们下期再见！

发表回复 取消回复

发表回复取消回复