040几种原生手工封装UUID组件的方案

040几种原生手工封装UUID组件的方案

结合时间戳和自定义进制方案处理生成UUID

/**
 * 结合时间戳和自定义进制方案处理生成UUID
 * @param startsWord 定义起始字符，如：as
 * @param hex 指定进制，如：10 16 32
 * @returns 32位字符+4个连接号-组成的uuid，如：as187860-7f8d-82a5-2d34-618460a1ac39
 */
export function Uuid(startsWord: string = '', hex: number = 16): string {
   
  const tm: string = Date.now().toString(hex).slice(-12);
  let tmp: string = '********-****-****-****-************'.slice(0, -tm.length);
  startsWord && (tmp = tmp.substring(startsWord.length));
  return (
    startsWord +
    tmp.replace(/[\*]/g, (c) => {
   
      if (c === '*') {
   
        return ((Math.random() * hex) | 0).toString(hex);
      } else {
   
        return c;
      }
    }) +
    tm
  );
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

利用时间点做后缀，加随机数方式获取UUID

function uuid() {
   
  var tm = Date.now().toString(16);
  var tmp = 'asxxxxxx-yxxx-2xxx-yxxx-yxxxxxxxxxxx'.slice(0, -tm.length);
  return (
    tmp.replace(/[xy]/g, (c) => {
   
      var r = (Math.random() * 16) | 0;
      return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
    }) + tm
  );
}
1
2
3
4
5
6
7
8
9
10
11
12

URL.createObjectURL方法

• 返回的 URL 会带上一段 36 位长的字符串，和 UUID 的长度一致

function uuidBlob() {
   
  var temp_url = URL.createObjectURL(new Blob());
  var uuid = temp_url.toString();
  URL.revokeObjectURL(temp_url);
  return uuid.substring(uuid.lastIndexOf('/') + 1);
}
1
2
3
4
5
6
7

可以固定某几个值不变，加持随机数

• 通过Math.random()获取随机数，并正则掉设置的默认字符

function guid() {
   
  return 'asxxxxxx-xxxx-2xxx-yxxx-xxxxxxxxxxxx'.replace(
1
2