前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >比UUID更轻量的唯一ID生成器

比UUID更轻量的唯一ID生成器

作者头像
程序员老鱼
发布于 2023-05-23 11:32:21
发布于 2023-05-23 11:32:21
1.4K00
代码可运行
举报
文章被收录于专栏:前端实验室前端实验室
运行总次数:0
代码可运行

引子

唯一标识符是我们项目开发中常常用到的需求。

当碰到这个问题,大部分小伙伴第一时间想到的就是UUID

诚然,UUID 自问世以来,前前后后开发了5个版本。最常用的要属 UUID4了。一起来回顾下它的使用。

UUID

先引入依赖

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm i uuid --save

接着就可以导入使用了

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const uuidv4 = require('uuid/v4');

// 生成一个理论上不重复的128位16进制表示的数字
uuidv4(); // 0d90c8ac-7c21-486a-a132-39177211d1d4

嗯嗯!确实简单好用!

但今天要给大家分享 UUID 最主要的竞争对手:NanoID

NanoID

NanoID, 是一个小巧、安全、URL友好、唯一的 JavaScript 字符串 ID 生成器。

NanoID 也同样有NPM包来帮我们实现唯一的标识符。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm i nanoid
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { nanoid } from 'nanoid'
model.id = nanoid() 
//=> "V1StGXR8_Z5jdHi6B-myT"

UUID和NanoID的区别

  • NanoID 大小只有 108 字节 与 UUID 不同,NanoID 的大小要小 4.5 倍,并且没有任何依赖关系。此外,大小限制已将大小从另外 35% 减小。

大小减少直接影响数据的大小。例如,使用 NanoID 的对象小而紧凑,用于数据传输和存储。

  • 更安全 在大多数的随机生成器中,他们使用不安全的Math.random()。但是,NanoID使用crypto module和Web Crypto API,这是更安全的。

另外,NanoID在实现ID生成器的过程中使用了它自己的算法,称为统一算法,而不是使用"随机%的字母表"。

Web Crypto API :https://developer.mozilla.org/en-US/docs/Web/API/Web_Crypto_API

crypto module:https://nodejs.org/api/crypto.html

统一算法:https://github.com/ai/nanoid/blob/main/index.js

  • 快速紧凑 NanoID比UUID快60%。在UUID的字母表里有36个字符,而NanoID只有21个字符。

因此NanoID较短的 ID 可以用于与较长的 UUID 表示相同的目的。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz-

此外,NanoID支持14种不同的编程语言,它们是:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
C#, C++, Clojure and ClojureScript, Crystal, Dart & Flutter, Deno, Go, Elixir, Haskell, Janet, Java, Nim, Perl, PHP, Python with dictionaries, Ruby , Rust, Swift
  • 兼容性

它还支持PouchDB、CouchDB WebWorkers、Rollup,以及React和Reach-Native等库。

你可以通过使用npx nanoid在终端获得一个唯一的ID。唯一的先决条件是要安装NodeJS。(其他语言也有,单纯从nodejs角度考虑哈)

此外,你也可以在Redux工具包内找到NanoID,并将其用于其他使用情况,如下所示。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { nanoid } from ‘@reduxjs/toolkit’
console.log(nanoid()) //‘dgPXxUz_6fWIQBD8XmiSy’
  • 自定义字母

NanoID的另一个现有特点是它允许开发者使用自定义字母。你可以改变字面意思或ID的大小,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { customAlphabet } from 'nanoid';
const nanoid = customAlphabet('ABCDEF1234567890', 12);
model.id = nanoid();

在上面的例子中,我定义了一个自定义字母ABCDEF1234567890,Id的大小为12。

使用建议

根据 StackOverflow 中的许多专家意见,使用 NanoID 没有明显的缺点或限制。

非人类可读是许多开发人员在 NanoID 中看到的主要缺点。但似乎唯一标识类字符都有这个问题:非友好性可读使调试变得十分困难。

NanoID 比 UUID 更年轻,且从npm趋势对比来看,NanoID的上升趋势更明显,而UUID的进展则很平缓。

因此,基于NanoID 更小、更快、更安全、更不易冲突,个人更推荐使用 NanoID。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-03-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端实验室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 引子
    • UUID
    • NanoID
    • UUID和NanoID的区别
    • 使用建议
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档