JS获取UUID|极客笔记

JS获取UUID

UUID（Universally Unique Identifier）是一个用于标识信息的128位数字，一般用于区分不同的实体。在前端开发中，有时候需要生成并使用UUID来唯一标识某些数据或操作。

在JavaScript中，我们可以通过不同的方法来获取UUID，本文将介绍几种常见的获取UUID的方式。

方法一：使用第三方库

我们可以使用第三方库来获取UUID，比如 uuid库。这个库非常方便，只需要引入后调用相应的方法即可获取UUID。

npm install uuid

const { v4: uuidv4 } = require('uuid');
const uuid = uuidv4();
console.log(uuid);

运行结果：

fd9b4612-24d9-4149-a11b-77c93c73d017

方法二：使用Math.random()结合时间戳

我们可以结合Math.random()和时间戳来生成UUID。由于Math.random()会生成一个0到1之间的随机小数，我们可以将其转化为16进制来构成UUID的一部分。

function generateUUID() {
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
    const r = Math.random() * 16 | 0;
    const v = c == 'x' ? r : (r & 0x3 | 0x8);
    return v.toString(16);
  });
}

const uuid = generateUUID();
console.log(uuid);

运行结果：

f44de9d4-3444-4863-9efc-90961594a9b8

方法三：使用Crypto API

我们也可以使用Web Crypto API来生成UUID。这种方式更为安全，因为它使用了密码学安全的随机数生成器。

async function generateUUID() {
  const array = new Uint32Array(4);
  await window.crypto.getRandomValues(array);
  return array.join('-');
}

generateUUID().then(uuid => {
  console.log(uuid);
});

运行结果：

216998406-1425366109-3775709351-140552331

方法四：使用自定义方法

我们也可以自己编写一个生成UUID的方法，下面是一个简单的实现：

function generateUUID() {
  let dt = new Date().getTime();
  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
    const r = (dt + Math.random() * 16) % 16 | 0;
    dt = Math.floor(dt / 16);
    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
  });
  return uuid;
}

const uuid = generateUUID();
console.log(uuid);

运行结果：