可以的,前端是可以直接生成 UUID 的,而且有多种方式,不一定要依赖后端。
crypto.randomUUID()(最简单、最标准)const uuid = crypto.randomUUID();
console.log(uuid);
// 例如:'9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d'
要求:
✅ 优点:
uuid 库(最常用)npm install uuid
import { v4 as uuidv4 } from 'uuid';
const id = uuidv4();
适合:
function uuid() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
const r = Math.random() * 16 | 0;
const v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
}
⚠️ 注意:
✅ 可以用在前端的情况
⚠️ 不建议只依赖前端 UUID 的场景
| 方式 | 推荐度 | 说明 |
|---|---|---|
crypto.randomUUID() |
⭐⭐⭐⭐⭐ | 首选 |
| uuid 库 | ⭐⭐⭐⭐ | 兼容性好 |
| 手写 | ⭐ | 仅学习用 |
如果你告诉我 使用场景(比如 React / Vue / 小程序 / Node),我可以给你更合适的示例。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。