前端使用 uuid 生成 唯一值

安装

npm install uuid

• 导入依赖

import { v4 as uuidv4 } from 'uuid';

浏览器引入

• uuid  不支持 script 标签引入，需要使用 ES6 模块：

<script type="module">
  import { v4 as uuidv4 } from "https://cdn.jsdelivr.net/npm/uuid@13.0.0/+esm";
</script>

使用示例

<script type="module">
  import {
    v1,
    v3,
    v4,
    v5,
    v6,
    v7,
  } from "https://cdn.jsdelivr.net/npm/uuid@13.0.0/+esm";
  const MY_NAMESPACE = "1b671a64-40d5-491e-99b0-da01ff1f3341"; // 命名空间示例，可替换
  const name = "test.com";
  const v1Id = v1();
  console.log("v1Id:", v1Id);
  const v3Id = v3(name, MY_NAMESPACE);
  console.log("v3Id:", v3Id);
  const v4Id = v4();
  console.log("v4Id:", v4Id);
  const v5Id = v5(name, MY_NAMESPACE);
  console.log("v5Id:", v5Id);
  const v6Id = v6();
  console.log("v6Id:", v6Id);
  const v7Id = v7();
  console.log("v7Id:", v7Id);
</script>

• 执行结果

v1Id: b3549f50-6a71-21f0-87ac-f1956aa3c598
v3Id: 6ed9f970-bae5-3de6-912a-3456be79de70
v4Id: c05c7f91-0b1a-43fd-a51e-251c538aa2bb
v5Id: de061502-41e4-5bcf-94c1-ff8092c5df18
v6Id: 1f0a674b-314c-6420-ac8c-3af4deba0c4d
v7Id: 0199d231-25c6-76d2-be67-d5717cbc7b91

全部暴露方法