【Bun1.0】超越 Node.js:Bun.js 帶你進入 JavaScript 的新時代

發表於2023-09-18

bun.js

Bun 是一個現代的JavaScript執行環境,如Node, Deno。主要特性如下:
啟動速度快。更高的效能。完整的工具(打包器、轉碼器、包管理)。

官網

https://bun.sh

優點

與傳統的 Node.js 不同,Bun.js 提供了一些新的特性和功能,例如:

  1. 更快的啟動速度、更小的記憶體佔用、更好的異常處理機制等等。此外,Bun.js 還提供了一些工具和庫。

安裝

npm install -g bun

更新

bun upgrade

為什麼 Bun 存在?

Bun 的目標很簡單:消除緩慢和複雜性,同時保留 JavaScript 的所有優點。您喜歡的庫和框架應該仍然可以工作,您也不需要放棄您已經熟悉的慣例。

但是,您需要放棄許多不必要的工具,因為 Bun 已經替代了它們:

Node.js - Bun 是 Node.js 的即插即用替代品,因此您不需要:

node
npx - bunx 比 npx 快 5 倍
nodemon - Bun 有內建的 watch 模式!
dotenv,cross-env - Bun 預設讀取 .env 檔案

轉譯器 - Bun 可以執行 .js.ts.cjs.mjs.jsx.tsx 檔案,這些檔案可以替代:

tsc - (但您可以保留它進行型別檢查!)
babel,.babelrc,@babel/preset-*
ts-node,ts-node-esm
tsx

打包工具 - Bun 是一個 JavaScript 打包工具,具有最佳效能和與 esbuild 相容的外掛 API,因此您不需要:

esbuild
webpack
parcel,.parcelrc
rollup,rollup.config.js

包管理器

包管理器 - Bun 是一個與 npm 相容的包管理器,具有熟悉的命令。它讀取您的 package.json,並像其他包管理器一樣寫入 node_modules,因此您可以替換:

npm,.npmrc,package-lock.json
yarn,yarn.lock
pnpm,pnpm.lock,pnpm-workspace.yaml
lerna

測試庫 - Bun 是一個與 Jest 相容的測試執行器,支援快照測試、模擬和程式碼覆蓋率,因此您不再需要:

jest,jest.config.js
ts-jest,@swc/jest,babel-jest
jest-extended
vitest,vitest.config.ts

雖然這些工具各自都很不錯(大多數情況下),但將它們全部一起使用不可避免地會導致脆弱性和開發體驗緩慢。它們執行了許多冗餘工作;當您執行 jest 時,您的程式碼將被各種工具解析 3 次以上!而為了將所有東西粘合在一起所需的膠帶、外掛和介面卡總是會在最終磨損。

Bun 是一個單一的整合工具包,避免了這些整合問題。工具包中的每個工具都提供最佳的開發體驗,從效能到 API 設計。

js執行時

Bun 是一個 JavaScript 執行時環境。
Bun 是一個快速的 JavaScript 執行時環境。它的目標是讓構建軟體的體驗更快、更少令人沮喪,更有趣。

相容性

Bun 是 Node.js 的即插即用替代品。這意味著現有的 Node.js 應用程式和 npm 包可以在 Bun 中正常工作。Bun 內建支援 Node API,包括:

內建模組,如 fs、path 和 net
全域性變數,如 __dirname 和 process
以及 Node.js 模組解析演算法(例如 node_modules)

雖然與 Node.js 的完全相容性是不可能的,但是 Bun 可以執行幾乎所有野外的 Node.js 應用程式。

Bun 經過了對 npm 上最受歡迎的 Node.js 包的測試套件的測試。像 Express、Koa 和 Hono 這樣的伺服器框架可以正常工作。使用最受歡迎的全棧框架構建的應用程式也可以正常工作。這些庫和框架共同觸及 Node.js 的所有重要 API 面。

速度

Bun 很快,啟動速度比 Node.js 快 4 倍。當執行 TypeScript 檔案時,這種差異只會被放大,因為需要將其轉譯為 Node.js 可以執行的程式碼。

Bun 執行一個 "hello world" TypeScript 檔案比 esbuild 和 Node.js 快 5 倍。

與 Node.js 和其他使用 Google 的 V8 引擎構建的執行時不同,Bun 使用 Apple 的 WebKit 引擎構建。WebKit 是 Safari 的引擎,每天被數十億臺裝置使用。它快速、高效,並經過了幾十年的實戰測試。

TypeScript 和 JSX 支援

Bun 內建了 JavaScript 轉譯器。這意味著您可以執行 JavaScript、TypeScript,甚至是 JSX/TSX 檔案,無需任何依賴。

TypeScript
JSX/TSX

bun index.ts

ESM 和 CommonJS 相容性

從 CommonJS 到 ES 模組的過渡緩慢而充滿了恐懼。在 ESM 推出之後,Node.js 花費了 5 年時間才支援它,而不需要 --experimental-modules 標誌。儘管如此,生態系統仍然充滿了 CommonJS。

Bun 始終支援這兩種模組系統。無需擔心副檔名、.js vs .cjs vs .mjs,或在 package.json 中包含 "type": "module"。

您甚至可以在同一檔案中使用 import 和 require()。它只是工作。

import lodash from "lodash";
const _ = require("underscore");

Web API

Bun 內建支援瀏覽器中可用的 Web 標準 API,例如 fetch、Request、Response、WebSocket 和 ReadableStream。

const response = await fetch("https://example.com/");
const text = await response.text();

您不再需要安裝像 node-fetch 和 ws 這樣的包。Bun 的內建 Web API 是使用本機程式碼實現的,比第三方替代品更快、更可靠。

熱過載

Bun 使您作為開發人員更加高效。您可以使用 --hot 來執行 Bun,以啟用熱過載,當檔案更改時重新載入應用程式。

bun --hot server.ts

與像 nodemon 這樣硬重啟整個程式的工具不同,Bun 在不終止舊程式的情況下重新載入您的程式碼。這意味著 HTTP 和 WebSocket 連線不會斷開,並且狀態不會丟失。

外掛

Bun 設計為高度可定製。

您可以定義外掛來攔截匯入並執行自定義載入邏輯。外掛可以新增對其他檔案型別的支援,例如 .yaml 或 .png。外掛 API 受 esbuild 啟發,這意味著大多數 esbuild 外掛在 Bun 中都可以正常工作。

import { plugin } from "bun";

plugin({
  name: "YAML",
  async setup(build) {
    const { load } = await import("js-yaml");
    const { readFileSync } = await import("fs");
    build.onLoad({ filter: /.(yaml|yml)$/ }, (args) => {
      const text = readFileSync(args.path, "utf8");
      const exports = load(text) as Record<string, any>;
      return { exports, loader: "object" };
    });
  },
});

Bun API

Bun 附帶高度最佳化的標準庫 API,用於開發人員最需要的東西。
與 Node.js API 相反,這些 Bun 原生 API 被設計為快速且易於使用,而不是為了向後相容。

Bun.file()

使用 un.file()在特定路徑上惰性載入檔案。

const file = Bun.file("package.json");
const contents = await file.text();

它返回一個 BunFile,它擴充套件了 Web 標準檔案。可以以各種格式惰性載入檔案內容。

const file = Bun.file("package.json");

await file.text(); // string
await file.arrayBuffer(); // ArrayBuffer
await file.blob(); // Blob
await file.json(); // {...}

Bun 讀取檔案的速度比 Node.js 快 10 倍。

Bun.write()

使用 Bun.write() 是一個靈活的 API,可以將幾乎任何東西寫入磁碟 —— 字串、二進位制資料、Blob,甚至是 Response 物件。

await Bun.write("index.html", "<html/>");
await Bun.write("index.html", Buffer.from("<html/>"));
await Bun.write("index.html", Bun.file("home.html"));
await Bun.write("index.html", await fetch("https://example.com/"));

Bun 寫入檔案的速度比 Node.js 快 3 倍。

Bun.serve()

使用Bun.serve()啟動 HTTP 伺服器、WebSocket 伺服器或兩者兼備。它基於熟悉的 Web 標準 API,如 Request 和 Response。

Bun.serve({
  port: 3000,
  fetch(request) {
    return new Response("Hello from Bun!");
  },
});

Bun 每秒可處理的請求比 Node.js 多 4 倍。

您還可以使用 tls 選項配置 TLS。

Bun.serve({
  port: 3000,
  fetch(request) {
    return new Response("Hello from Bun!");
  },
  tls: {
    key: Bun.file("/path/to/key.pem"),
    cert: Bun.file("/path/to/cert.pem"),
  }
});

為了支援 WebSockets 和 HTTP 並存,只需在 websocket 內定義事件處理程式。與 Node.js 不同,它沒有提供內建的 WebSocket API,並需要第三方依賴項,如 ws。

Bun.serve({
  fetch() { ... },
  websocket: {
    open(ws) { ... },
    message(ws, data) { ... },
    close(ws, code, reason) { ... },
  },
});

Bun 每秒可處理的訊息比 ws 上的 Node.js 多 5 倍。

bun:sqlite

Bun 內建了對 SQLite 的支援。它具有受 better-sqlite3 啟發的 API,但是使用本機程式碼編寫以提高速度。

import { Database } from "bun:sqlite";

const db = new Database(":memory:");
const query = db.query("select 'Bun' as runtime;");
query.get(); // => { runtime: "Bun" }

Bun 可以比 Node.js 上的 better-sqlite3 查詢 SQLite 快 4 倍。

Bun.password

Bun 還支援常見但複雜的 API,您不想自己實現。

您可以使用 un.password使用`bcrypt 或 argon2 雜湊和驗證密碼,無需外部依賴項。

const password = "super-secure-pa$word";
const hash = await Bun.password.hash(password);
// => $argon2id$v=19$m=65536,t=2,p=1$tFq+9AVr1bfPxQdh...

const isMatch = await Bun.password.verify(password, hash);
// => true

Bun 是一個包管理器

即使您不將 Bun 用作執行時,Bun 的內建包管理器也可以加速您的開發工作流程。不再需要盯著 npm 的旋轉器看著依賴項安裝。

Bun 可能看起來像您習慣的包管理器 —

bun install

bun add <package> [--dev|--production|--peer]

bun remove <package>

bun update <package>

linux環境示例

Bun.js 支援 Windows 作業系統。Bun.js 基於 Node.js,因此可以在支援 Node.js 的所有作業系統上執行,包括 Windows、macOS 和 Linux。您可以在 Windows 上使用 Bun.js 來開發和執行 JavaScript 應用程式,而且其效能和功能與在其他作業系統上使用 Bun.js 相同。

console.log("Hello, world!");
function add(num1,num2){
  return num1+num2;
}
console.log(add(1,2))

讀取檔案的服務

好的,以下是一個使用 Bun.js 建立讀取檔案的本地 HTTP 伺服器的示例:

  1. 首先,您需要安裝 Bun.js。您可以在命令列中執行以下命令來安裝最新版本的 Bun.js:
npm install -g bun
  1. 接下來,您可以建立一個新的 JavaScript 檔案,例如 server.js,並在其中編寫一些程式碼。例如,以下程式碼將建立一個本地 HTTP 伺服器,並在訪問 http://localhost:3000/ 時返回一個文字檔案的內容:
const { serve } = require("bun");
const { readFileSync } = require("fs");

serve({
  port: 3000,
  fetch(request) {
    const fileContent = readFileSync("./file.txt", "utf8");
    return new Response(fileContent);
  },
});
  1. 然後,您需要在與 server.js 檔案相同的目錄下建立一個名為 file.txt 的文字檔案,並在其中新增一些文字內容。
  2. 最後,您可以使用 Bun.js 執行這個 JavaScript 檔案。在命令列中,導航到包含 server.js 檔案的目錄,並執行以下命令:
bun server.js

Bun.js 將會執行 server.js 檔案,並在控制檯中輸出 "Listening on http://localhost:3000/"。現在,可以在瀏覽器中訪問 http://localhost:3000/,並將會看到 file.txt 檔案的內容。

相關文章