JavaScript中創(chuàng)建GUID/UUID的方法及實現步驟

更新時間：2025年06月27日 11:11:19 作者：1010n111

在JavaScript開發(fā)中,有時需要生成全局唯一標識符（GUID）或通用唯一識別碼（UUID）,本文給大家介紹JavaScript中創(chuàng)建GUID/UUID的方法及實現步驟,感興趣的朋友一起看看吧

JavaScript中創(chuàng)建GUID/UUID的方法

技術背景

在JavaScript開發(fā)中，有時需要生成全局唯一標識符（GUID）或通用唯一識別碼（UUID）。GUID/UUID是一種由數字和字母組成的標識符，通常為32或36個字符，用于確保在全球范圍內的唯一性。這些標識符在數據庫、分布式系統(tǒng)、網絡通信等領域有著廣泛的應用。然而，JavaScript本身并沒有直接提供生成GUID/UUID的內置方法，因此需要開發(fā)者自己實現或使用第三方庫。

實現步驟

1. 使用crypto.randomUUID()

在現代瀏覽器和JS運行時中，crypto.randomUUID()是生成RFC4122-compliant UUID的標準方法。但該方法僅適用于本地（localhost或127.0.0.1）或通過HTTPS提供服務的頁面。

const uuid = crypto.randomUUID();
console.log(uuid);

2. 使用uuid模塊

對于舊版平臺或非安全上下文，uuid模塊是一個不錯的選擇。它經過了充分的測試和支持，可以生成不同版本的UUID。
安裝：

npm install uuid

使用示例：

const { v4: uuidv4 } = require('uuid');
const uuid = uuidv4();
console.log(uuid);

3. 自定義實現

如果不想依賴第三方庫，也可以自己實現一個簡單的UUID生成函數。以下是一個基于原始答案的實現：

function uuidv4() {
  return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c =>
    (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)
  );
}
console.log(uuidv4());

核心代碼

自定義UUID生成函數

function uuidv4() {
  return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c =>
    (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)
  );
}

使用uuid模塊生成UUID

const { v4: uuidv4 } = require('uuid');
const uuid = uuidv4();
console.log(uuid);

最佳實踐

優(yōu)先使用標準方法：如果你的項目運行在支持crypto.randomUUID()的環(huán)境中，優(yōu)先使用該方法，因為它是標準且安全的。
使用成熟的第三方庫：對于需要兼容舊版平臺或非安全上下文的項目，使用uuid模塊可以確保生成的UUID符合RFC4122標準。
避免使用Math.random()：基于Math.random()的UUID生成方法不能提供良好的唯一性保證，因此不建議在生產環(huán)境中使用。