{"id":258,"date":"2026-09-18T10:09:24","date_gmt":"2026-09-18T02:09:24","guid":{"rendered":"https:\/\/yykcj.com\/?p=258"},"modified":"2026-09-18T10:09:24","modified_gmt":"2026-09-18T02:09:24","slug":"bun-%e8%bf%90%e8%a1%8c%e6%97%b6%e5%85%a5%e9%97%a8%e4%b8%8e%e7%94%9f%e6%80%81%e6%a6%82%e8%a7%88%ef%bc%9a%e4%bb%8e%e9%9b%b6%e5%88%b0%e4%b8%80%e6%9e%84%e5%bb%ba%e9%ab%98%e6%80%a7%e8%83%bd%e5%ba%94","status":"publish","type":"post","link":"https:\/\/yykcj.com\/?p=258","title":{"rendered":"Bun \u8fd0\u884c\u65f6\u5165\u95e8\u4e0e\u751f\u6001\u6982\u89c8\uff1a\u4ece\u96f6\u5230\u4e00\u6784\u5efa\u9ad8\u6027\u80fd\u5e94\u7528"},"content":{"rendered":"

\u4e3a\u4ec0\u4e48\u9700\u8981\u5173\u6ce8 Bun\uff1f<\/h2>\n

\u5982\u679c\u4f60\u662f\u4e00\u540d JavaScript\/TypeScript \u5f00\u53d1\u8005\uff0c\u53ef\u80fd\u5df2\u7ecf\u5bf9 Node.js \u548c Deno \u975e\u5e38\u719f\u6089\u3002\u4f46\u6700\u8fd1\u4e24\u5e74\uff0c\u4e00\u4e2a\u540d\u4e3a Bun<\/strong> \u7684\u8fd0\u884c\u65f6\u6b63\u5728\u5feb\u901f\u5d1b\u8d77\u3002\u5b83\u7531 Jarred Sumner \u521b\u5efa\uff0c\u76ee\u6807\u662f\u63d0\u4f9b\u4e00\u4e2a\u66f4\u5feb\u3001\u66f4\u7b80\u6d01\u3001\u66f4\u96c6\u6210<\/strong>\u7684 JavaScript \u5de5\u5177\u94fe\u3002<\/p>\n

Bun \u4e0d\u4ec5\u662f\u4e00\u4e2a\u8fd0\u884c\u65f6\uff0c\u8fd8\u5185\u7f6e\u4e86\u5305\u7ba1\u7406\u5668\u3001\u6253\u5305\u5668\u3001\u6d4b\u8bd5\u8fd0\u884c\u5668\uff0c\u751a\u81f3\u652f\u6301 TypeScript \u548c JSX \u5f00\u7bb1\u5373\u7528\u3002\u6839\u636e\u5b98\u65b9\u57fa\u51c6\u6d4b\u8bd5\uff0cBun \u7684\u542f\u52a8\u901f\u5ea6\u548c HTTP \u541e\u5410\u91cf\u90fd\u663e\u8457\u4f18\u4e8e Node.js\u3002<\/p>\n

\u8fd9\u7bc7\u6587\u7ae0\u5c06\u5e26\u4f60\u4ece\u96f6\u5f00\u59cb\uff0c\u9010\u6b65\u4e86\u89e3 Bun \u7684\u6838\u5fc3\u529f\u80fd\uff0c\u5e76\u901a\u8fc7\u4e00\u4e2a\u5b8c\u6574\u7684 REST API \u793a\u4f8b\uff0c\u5c55\u793a\u5982\u4f55\u5728\u5b9e\u9645\u9879\u76ee\u4e2d\u5e94\u7528\u5b83\u3002\u6211\u4eec\u8fd8\u4f1a\u63a2\u8ba8 Bun \u7684\u751f\u6001\u73b0\u72b6\u3001\u6700\u4f73\u5b9e\u8df5\u4ee5\u53ca\u4e00\u4e9b\u5e38\u89c1\u7684\u5751\u3002<\/p>\n

—<\/p>\n

1. \u5b89\u88c5 Bun<\/h2>\n

Bun \u652f\u6301 macOS\u3001Linux \u548c Windows\uff08WSL\uff09\u3002\u5b89\u88c5\u975e\u5e38\u7b80\u5355\uff0c\u4e00\u884c\u547d\u4ee4\u5373\u53ef\uff1a<\/p>\n

\n# macOS \/ Linux\ncurl -fsSL https:\/\/bun.sh\/install | bash\n\n# Windows (\u4f7f\u7528 PowerShell)\nirm bun.sh\/install.ps1 | iex\n<\/code><\/pre>\n
\u5b89\u88c5\u5b8c\u6210\u540e\uff0c\u9a8c\u8bc1\u7248\u672c\uff1a<\/p>\n
\nbun --version\n# \u8f93\u51fa\u793a\u4f8b\uff1a1.1.34\n<\/code><\/pre>\n
\ud83d\udca1 \u6ce8\u610f<\/strong>\uff1aBun \u7684\u7248\u672c\u8fed\u4ee3\u975e\u5e38\u5feb\uff0c\u5efa\u8bae\u5b9a\u671f\u4f7f\u7528 bun upgrade<\/code> \u66f4\u65b0\u5230\u6700\u65b0\u7248\u3002<\/p>\n
—<\/p>\n
2. \u7b2c\u4e00\u4e2a Bun \u7a0b\u5e8f<\/h2>\n
\u521b\u5efa\u4e00\u4e2a\u7b80\u5355\u7684 hello.ts<\/code> \u6587\u4ef6\uff1a<\/p>\n
\nconst message: string = "Hello, Bun!";\nconsole.log(message);\n<\/code><\/pre>\n
\u76f4\u63a5\u8fd0\u884c\uff1a<\/p>\n
\nbun run hello.ts\n<\/code><\/pre>\n
\u4f60\u4f1a\u53d1\u73b0 Bun \u76f4\u63a5\u6267\u884c\u4e86 TypeScript \u6587\u4ef6\uff0c\u65e0\u9700\u4efb\u4f55\u7f16\u8bd1\u6b65\u9aa4\u3002\u8fd9\u662f Bun \u7684\u4e00\u5927\u4eae\u70b9\uff1a\u539f\u751f\u652f\u6301 TypeScript \u548c JSX<\/strong>\u3002<\/p>\n
—<\/p>\n
3. \u4f7f\u7528 Bun \u4f5c\u4e3a\u5305\u7ba1\u7406\u5668<\/h2>\n
Bun \u5185\u7f6e\u4e86\u5305\u7ba1\u7406\u5668\uff0c\u517c\u5bb9 npm \u751f\u6001\uff0c\u4f46\u901f\u5ea6\u66f4\u5feb\u3002\u521d\u59cb\u5316\u9879\u76ee\uff1a<\/p>\n
\nmkdir bun-demo && cd bun-demo\nbun init -y\n<\/code><\/pre>\n
\u8fd9\u4f1a\u751f\u6210 package.json<\/code>\u3001tsconfig.json<\/code> \u7b49\u6587\u4ef6\u3002\u5b89\u88c5\u4f9d\u8d56\uff1a<\/p>\n
\nbun add express\nbun add -d @types\/express\n<\/code><\/pre>\n
Bun \u4f1a\u751f\u6210 bun.lockb<\/code> \u4e8c\u8fdb\u5236\u9501\u6587\u4ef6\uff0c\u6bd4 package-lock.json<\/code> \u66f4\u7d27\u51d1\u3002<\/p>\n
\ud83d\udca1 \u6700\u4f73\u5b9e\u8df5<\/strong>\uff1a\u5728 CI \u73af\u5883\u4e2d\u4f7f\u7528 bun install --frozen-lockfile<\/code> \u786e\u4fdd\u4f9d\u8d56\u4e00\u81f4\u6027\u3002<\/p>\n
—<\/p>\n
4. \u6784\u5efa\u4e00\u4e2a REST API<\/h2>\n
\u8ba9\u6211\u4eec\u7528 Bun \u539f\u751f HTTP \u670d\u52a1\u5668\uff08Bun.serve<\/code>\uff09\u521b\u5efa\u4e00\u4e2a\u7b80\u5355\u7684\u7528\u6237\u7ba1\u7406 API\u3002<\/p>\n
\u521b\u5efa server.ts<\/code>\uff1a<\/p>\n
\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n}\n\nconst users: User[] = [\n  { id: 1, name: "Alice", email: "alice@example.com" },\n  { id: 2, name: "Bob", email: "bob@example.com" },\n];\n\nconst server = Bun.serve({\n  port: 3000,\n  async fetch(req) {\n    const url = new URL(req.url);\n\n    \/\/ GET \/users\n    if (req.method === "GET" && url.pathname === "\/users") {\n      return Response.json(users);\n    }\n\n    \/\/ GET \/users\/:id\n    const match = url.pathname.match(\/^\\\/users\\\/(\\d+)$\/);\n    if (req.method === "GET" && match) {\n      const id = parseInt(match[1]);\n      const user = users.find((u) => u.id === id);\n      if (!user) {\n        return new Response("User not found", { status: 404 });\n      }\n      return Response.json(user);\n    }\n\n    \/\/ POST \/users\n    if (req.method === "POST" && url.pathname === "\/users") {\n      const body = await req.json();\n      const newUser: User = {\n        id: users.length + 1,\n        name: body.name,\n        email: body.email,\n      };\n      users.push(newUser);\n      return Response.json(newUser, { status: 201 });\n    }\n\n    return new Response("Not Found", { status: 404 });\n  },\n});\n\nconsole.log(`Server running at http:\/\/localhost:${server.port}`);\n<\/code><\/pre>\n
\u8fd0\u884c\uff1a<\/p>\n
\nbun run server.ts\n<\/code><\/pre>\n
\u6d4b\u8bd5 API\uff1a<\/p>\n
\ncurl http:\/\/localhost:3000\/users\ncurl http:\/\/localhost:3000\/users\/1\ncurl -X POST http:\/\/localhost:3000\/users -H "Content-Type: application\/json" -d '{"name":"Charlie","email":"charlie@example.com"}'\n<\/code><\/pre>\n
\u4f60\u4f1a\u53d1\u73b0 Bun.serve<\/code> \u7684 API \u975e\u5e38\u7b80\u6d01\uff0c\u4e14\u6027\u80fd\u51fa\u8272\u3002\u6839\u636e\u5b98\u65b9\u57fa\u51c6\uff0c\u5b83\u6bd4 Node.js \u7684 HTTP \u6a21\u5757\u5feb\u6570\u500d\u3002<\/p>\n
—<\/p>\n
5. \u4f7f\u7528 Bun \u6d4b\u8bd5<\/h2>\n
Bun \u5185\u7f6e\u4e86\u6d4b\u8bd5\u8fd0\u884c\u5668\uff0c\u8bed\u6cd5\u7c7b\u4f3c Jest\uff0c\u4f46\u901f\u5ea6\u66f4\u5feb\u3002\u521b\u5efa server.test.ts<\/code>\uff1a<\/p>\n
\nimport { describe, expect, test, beforeAll, afterAll } from "bun:test";\n\nlet server: any;\n\nbeforeAll(() => {\n  \/\/ \u542f\u52a8\u6d4b\u8bd5\u670d\u52a1\u5668\n  server = Bun.serve({\n    port: 3001,\n    fetch: (req) => {\n      if (new URL(req.url).pathname === "\/users") {\n        return Response.json([{ id: 1, name: "Alice" }]);\n      }\n      return new Response("Not Found", { status: 404 });\n    },\n  });\n});\n\nafterAll(() => {\n  server.stop();\n});\n\ndescribe("User API", () => {\n  test("GET \/users returns list", async () => {\n    const res = await fetch("http:\/\/localhost:3001\/users");\n    const data = await res.json();\n    expect(res.status).toBe(200);\n    expect(data).toHaveLength(1);\n    expect(data[0].name).toBe("Alice");\n  });\n\n  test("unknown route returns 404", async () => {\n    const res = await fetch("http:\/\/localhost:3001\/unknown");\n    expect(res.status).toBe(404);\n  });\n});\n<\/code><\/pre>\n
\u8fd0\u884c\u6d4b\u8bd5\uff1a<\/p>\n
\nbun test\n<\/code><\/pre>\n
Bun \u7684\u6d4b\u8bd5\u8fd0\u884c\u5668\u652f\u6301 TypeScript\u3001JSX\u3001\u6a21\u62df\uff08mock\uff09\u7b49\uff0c\u4e14\u65e0\u9700\u989d\u5916\u914d\u7f6e\u3002<\/p>\n
—<\/p>\n
6. \u6253\u5305\u4e0e\u6784\u5efa<\/h2>\n
Bun \u4e5f\u53ef\u4ee5\u4f5c\u4e3a\u6253\u5305\u5668\u4f7f\u7528\u3002\u4f8b\u5982\uff0c\u5c06 server.ts<\/code> \u6253\u5305\u6210\u5355\u4e2a\u6587\u4ef6\uff1a<\/p>\n
\nbun build .\/server.ts --outdir .\/dist --target bun\n<\/code><\/pre>\n
\u5bf9\u4e8e\u524d\u7aef\u9879\u76ee\uff0c\u53ef\u4ee5\u6307\u5b9a --target browser<\/code>\uff1a<\/p>\n
\nbun build .\/src\/index.tsx --outdir .\/dist --target browser --minify\n<\/code><\/pre>\n
Bun \u7684\u6253\u5305\u5668\u901f\u5ea6\u6781\u5feb\uff0c\u4e14\u652f\u6301\u4ee3\u7801\u5206\u5272\u3001Tree Shaking \u7b49\u7279\u6027\u3002<\/p>\n
—<\/p>\n
7. \u751f\u6001\u6982\u89c8\u4e0e\u517c\u5bb9\u6027<\/h2>\n
Bun \u7684\u76ee\u6807\u662f\u517c\u5bb9 Node.js \u751f\u6001\u3002\u76ee\u524d\uff0c\u5927\u90e8\u5206 npm \u5305\u90fd\u53ef\u4ee5\u76f4\u63a5\u5728 Bun \u4e2d\u8fd0\u884c\u3002\u4f46\u4ecd\u6709\u5c11\u6570\u5305\u4f9d\u8d56 Node.js \u5185\u90e8\u6a21\u5757\u6216\u539f\u751f\u63d2\u4ef6\uff0c\u53ef\u80fd\u65e0\u6cd5\u5de5\u4f5c\u3002<\/p>\n
\u517c\u5bb9\u6027\u73b0\u72b6<\/strong>\uff1a<\/p>\n