JS生成UUID（GUID）

• JS生成UUID（GUID）
• • 方法1：替换方式
  • 方法2：系统crypto.randomUUID()
  • • 注意
    • 安装TS
  • 方法3：uuid模块安装
  • • 使用

JS生成UUID（GUID）

用处：我们可以使用这个方式生成全局唯一的标识以动态设置组件的ID标识，用于绑定，生成等等

方法1：替换方式

/*** 生成GUID* @returns*/
export const generateUUID = (): string => {var guid = "";for (var i = 1; i <= 32; i++) {var n = Math.floor(Math.random() * 16.0).toString(16);guid += n;if (i == 8 || i == 12 || i == 16 || i == 20) guid += "-";}return guid;
};

方法2：系统crypto.randomUUID()

直接调用以下方法即可获得

crypto.randomUUID()

注意

需要注意版本，支持版本为TypeScript 4.6+
否则无法正常使用会报：Property 'randomUUID' does not exist on type 'Crypto'这个错误

安装TS

npm install typescript -s 

方法3：uuid模块安装

npm install uuid --save

使用

import { v4 as uuidv4 } from 'uuid';
let uuid =  uuidv4()