超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解
bun.js
Bun 是一個(gè)現(xiàn)代的JavaScript運(yùn)行環(huán)境,如Node, Deno。主要特性如下:
啟動(dòng)速度快。更高的性能。完整的工具(打包器、轉(zhuǎn)碼器、包管理)。
官網(wǎng) https://bun.sh
優(yōu)點(diǎn)
與傳統(tǒng)的 Node.js 不同,Bun.js 提供了一些新的特性和功能,例如:
- 更快的啟動(dòng)速度、更小的內(nèi)存占用、更好的異常處理機(jī)制等等。此外,Bun.js 還提供了一些工具和庫。
安裝
npm install -g bun
更新
bun upgrade
為什么 Bun 存在?
Bun 的目標(biāo)很簡(jiǎn)單:消除緩慢和復(fù)雜性,同時(shí)保留 JavaScript 的所有優(yōu)點(diǎn)。您喜歡的庫和框架應(yīng)該仍然可以工作,您也不需要放棄您已經(jīng)熟悉的慣例。
但是,您需要放棄許多不必要的工具,因?yàn)?Bun 已經(jīng)替代了它們:
Node.js - Bun 是 Node.js 的即插即用替代品,因此您不需要:
node
npx - bunx 比 npx 快 5 倍
nodemon - Bun 有內(nèi)置的 watch 模式!
dotenv,cross-env - Bun 默認(rèn)讀取 .env 文件
轉(zhuǎn)譯器 - Bun 可以運(yùn)行 .js
,.ts
,.cjs
,.mjs
,.jsx
和 .tsx
文件,這些文件可以替代:
tsc - (但您可以保留它進(jìn)行類型檢查?。?br />babel,.babelrc,@babel/preset-*
ts-node,ts-node-esm
tsx
打包工具 - Bun 是一個(gè) JavaScript 打包工具,具有最佳性能和與 esbuild 兼容的插件 API,因此您不需要:
esbuild webpack parcel,.parcelrc rollup,rollup.config.js
包管理器
包管理器 - Bun 是一個(gè)與 npm 兼容的包管理器,具有熟悉的命令。它讀取您的 package.json,并像其他包管理器一樣寫入 node_modules,因此您可以替換:
npm,.npmrc,package-lock.json yarn,yarn.lock pnpm,pnpm.lock,pnpm-workspace.yaml lerna
測(cè)試庫 - Bun 是一個(gè)與 Jest 兼容的測(cè)試運(yùn)行器,支持快照測(cè)試、模擬和代碼覆蓋率,因此您不再需要:
jest,jest.config.js ts-jest,@swc/jest,babel-jest jest-extended vitest,vitest.config.ts
雖然這些工具各自都很不錯(cuò)(大多數(shù)情況下),但將它們?nèi)恳黄鹗褂貌豢杀苊獾貢?huì)導(dǎo)致脆弱性和開發(fā)體驗(yàn)緩慢。它們執(zhí)行了許多冗余工作;當(dāng)您運(yùn)行 jest 時(shí),您的代碼將被各種工具解析 3 次以上!而為了將所有東西粘合在一起所需的膠帶、插件和適配器總是會(huì)在最終磨損。
Bun 是一個(gè)單一的集成工具包,避免了這些集成問題。工具包中的每個(gè)工具都提供最佳的開發(fā)體驗(yàn),從性能到 API 設(shè)計(jì)。
js運(yùn)行時(shí)
Bun 是一個(gè) JavaScript 運(yùn)行時(shí)環(huán)境。
Bun 是一個(gè)快速的 JavaScript 運(yùn)行時(shí)環(huán)境。它的目標(biāo)是讓構(gòu)建軟件的體驗(yàn)更快、更少令人沮喪,更有趣。
兼容性
Bun 是 Node.js 的即插即用替代品。這意味著現(xiàn)有的 Node.js 應(yīng)用程序和 npm 包可以在 Bun 中正常工作。Bun 內(nèi)置支持 Node API,包括:
內(nèi)置模塊,如 fs、path 和 net
全局變量,如 __dirname 和 process
以及 Node.js 模塊解析算法(例如 node_modules)
雖然與 Node.js 的完全兼容性是不可能的,但是 Bun 可以運(yùn)行幾乎所有野外的 Node.js 應(yīng)用程序。
Bun 經(jīng)過了對(duì) npm 上最受歡迎的 Node.js 包的測(cè)試套件的測(cè)試。像 Express、Koa 和 Hono 這樣的服務(wù)器框架可以正常工作。使用最受歡迎的全??蚣軜?gòu)建的應(yīng)用程序也可以正常工作。這些庫和框架共同觸及 Node.js 的所有重要 API 面。
速度
Bun 很快,啟動(dòng)速度比 Node.js 快 4 倍。當(dāng)運(yùn)行 TypeScript 文件時(shí),這種差異只會(huì)被放大,因?yàn)樾枰獙⑵滢D(zhuǎn)譯為 Node.js 可以運(yùn)行的代碼。
Bun 運(yùn)行一個(gè) "hello world" TypeScript 文件比 esbuild 和 Node.js 快 5 倍。
與 Node.js 和其他使用 Google 的 V8 引擎構(gòu)建的運(yùn)行時(shí)不同,Bun 使用 Apple 的 WebKit 引擎構(gòu)建。WebKit 是 Safari 的引擎,每天被數(shù)十億臺(tái)設(shè)備使用。它快速、高效,并經(jīng)過了幾十年的實(shí)戰(zhàn)測(cè)試。
TypeScript 和 JSX 支持
Bun 內(nèi)置了 JavaScript 轉(zhuǎn)譯器。這意味著您可以運(yùn)行 JavaScript、TypeScript,甚至是 JSX/TSX 文件,無需任何依賴。
TypeScript
JSX/TSX
bun index.ts
ESM 和 CommonJS 兼容性
從 CommonJS 到 ES 模塊的過渡緩慢而充滿了恐懼。在 ESM 推出之后,Node.js 花費(fèi)了 5 年時(shí)間才支持它,而不需要 --experimental-modules 標(biāo)志。盡管如此,生態(tài)系統(tǒng)仍然充滿了 CommonJS。
Bun 始終支持這兩種模塊系統(tǒng)。無需擔(dān)心文件擴(kuò)展名、.js vs .cjs vs .mjs,或在 package.json 中包含 "type": "module"。
您甚至可以在同一文件中使用 import 和 require()。它只是工作。
import lodash from "lodash"; const _ = require("underscore");
Web API
Bun 內(nèi)置支持瀏覽器中可用的 Web 標(biāo)準(zhǔn) API,例如 fetch、Request、Response、WebSocket 和 ReadableStream。
const response = await fetch("https://example.com/"); const text = await response.text();
您不再需要安裝像 node-fetch 和 ws 這樣的包。Bun 的內(nèi)置 Web API 是使用本機(jī)代碼實(shí)現(xiàn)的,比第三方替代品更快、更可靠。
熱重載
Bun 使您作為開發(fā)人員更加高效。您可以使用 --hot 來運(yùn)行 Bun,以啟用熱重載,當(dāng)文件更改時(shí)重新加載應(yīng)用程序。
bun --hot server.ts
與像 nodemon 這樣硬重啟整個(gè)進(jìn)程的工具不同,Bun 在不終止舊進(jìn)程的情況下重新加載您的代碼。這意味著 HTTP 和 WebSocket 連接不會(huì)斷開,并且狀態(tài)不會(huì)丟失。
插件
Bun 設(shè)計(jì)為高度可定制。
您可以定義插件來攔截導(dǎo)入并執(zhí)行自定義加載邏輯。插件可以添加對(duì)其他文件類型的支持,例如 .yaml 或 .png。插件 API 受 esbuild 啟發(fā),這意味著大多數(shù) 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 附帶高度優(yōu)化的標(biāo)準(zhǔn)庫 API,用于開發(fā)人員最需要的東西。
與 Node.js API 相反,這些 Bun 原生 API 被設(shè)計(jì)為快速且易于使用,而不是為了向后兼容。
Bun.file()
使用 un.file()
在特定路徑上惰性加載文件。
const file = Bun.file("package.json"); const contents = await file.text();
它返回一個(gè) BunFile,它擴(kuò)展了 Web 標(biāo)準(zhǔn)文件。可以以各種格式惰性加載文件內(nèi)容。
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() 是一個(gè)靈活的 API,可以將幾乎任何東西寫入磁盤 —— 字符串、二進(jìn)制數(shù)據(jù)、Blob,甚至是 Response 對(duì)象。
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()
啟動(dòng) HTTP 服務(wù)器、WebSocket 服務(wù)器或兩者兼?zhèn)洹K谑煜さ?Web 標(biāo)準(zhǔn) API,如 Request 和 Response。
Bun.serve({ port: 3000, fetch(request) { return new Response("Hello from Bun!"); }, });
Bun 每秒可處理的請(qǐng)求比 Node.js 多 4 倍。
您還可以使用 tls 選項(xiàng)配置 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 內(nèi)定義事件處理程序。與 Node.js 不同,它沒有提供內(nèi)置的 WebSocket API,并需要第三方依賴項(xiàng),如 ws。
Bun.serve({ fetch() { ... }, websocket: { open(ws) { ... }, message(ws, data) { ... }, close(ws, code, reason) { ... }, }, });
Bun 每秒可處理的消息比 ws 上的 Node.js 多 5 倍。
bun:sqlite
Bun 內(nèi)置了對(duì) SQLite 的支持。它具有受 better-sqlite3 啟發(fā)的 API,但是使用本機(jī)代碼編寫以提高速度。
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 還支持常見但復(fù)雜的 API,您不想自己實(shí)現(xiàn)。
您可以使用 un.password
使用`bcrypt 或 argon2 哈希和驗(yàn)證密碼,無需外部依賴項(xiàng)。
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 是一個(gè)包管理器
即使您不將 Bun 用作運(yùn)行時(shí),Bun 的內(nèi)置包管理器也可以加速您的開發(fā)工作流程。不再需要盯著 npm 的旋轉(zhuǎn)器看著依賴項(xiàng)安裝。
Bun 可能看起來像您習(xí)慣的包管理器 —
bun install bun add <package> [--dev|--production|--peer] bun remove <package> bun update <package>
linux環(huán)境示例
Bun.js 支持 Windows 操作系統(tǒng)。Bun.js 基于 Node.js,因此可以在支持 Node.js 的所有操作系統(tǒng)上運(yùn)行,包括 Windows、macOS 和 Linux。您可以在 Windows 上使用 Bun.js 來開發(fā)和運(yùn)行 JavaScript 應(yīng)用程序,而且其性能和功能與在其他操作系統(tǒng)上使用 Bun.js 相同。
console.log("Hello, world!"); function add(num1,num2){ return num1+num2; } console.log(add(1,2))
讀取文件的服務(wù)
好的,以下是一個(gè)使用 Bun.js 創(chuàng)建讀取文件的本地 HTTP 服務(wù)器的示例:
- 首先,您需要安裝 Bun.js。您可以在命令行中運(yùn)行以下命令來安裝最新版本的 Bun.js:
npm install -g bun
- 接下來,您可以創(chuàng)建一個(gè)新的 JavaScript 文件,例如
server.js
,并在其中編寫一些代碼。例如,以下代碼將創(chuàng)建一個(gè)本地 HTTP 服務(wù)器,并在訪問http://localhost:3000/
時(shí)返回一個(gè)文本文件的內(nèi)容:
const { serve } = require("bun"); const { readFileSync } = require("fs"); serve({ port: 3000, fetch(request) { const fileContent = readFileSync("./file.txt", "utf8"); return new Response(fileContent); }, });
- 然后,您需要在與
server.js
文件相同的目錄下創(chuàng)建一個(gè)名為file.txt
的文本文件,并在其中添加一些文本內(nèi)容。 - 最后,您可以使用 Bun.js 運(yùn)行這個(gè) JavaScript 文件。在命令行中,導(dǎo)航到包含
server.js
文件的目錄,并運(yùn)行以下命令:
bun server.js
Bun.js 將會(huì)運(yùn)行 server.js
文件,并在控制臺(tái)中輸出 "Listening on http://localhost:3000/"?,F(xiàn)在,可以在瀏覽器中訪問 http://localhost:3000/
,并將會(huì)看到 file.txt
文件的內(nèi)容。
以上就是超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解的詳細(xì)內(nèi)容,更多關(guān)于JavaScript運(yùn)行環(huán)境Bun.js的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳值的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳值的方法的相關(guān)資料,希望通過本文能幫助到大家,讓大家實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下2017-10-10詳解Three.js?場(chǎng)景中如何徹底刪除模型和性能優(yōu)化
這篇文章主要為大家介紹了詳解Three.js?場(chǎng)景中如何徹底刪除模型和性能優(yōu)化,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04Electron學(xué)習(xí)應(yīng)用程序打包實(shí)例詳解
這篇文章主要介紹了Electron學(xué)習(xí)應(yīng)用程序打包實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09前端算法題解leetcode36-有效的數(shù)獨(dú)示例
這篇文章主要為大家介紹了前端算法題解leetcode36-有效的數(shù)獨(dú)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09