欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解

 更新時(shí)間:2023年09月13日 08:47:06   作者:叫我詹躲躲  
這篇文章主要為大家介紹了超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

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", "&lt;html/&gt;");
await Bun.write("index.html", Buffer.from("&lt;html/&gt;"));
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(); // =&gt; { 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)文章

最新評(píng)論