uuid4是JavaScript的一个NPM包，它用于生成随机的唯一标识符。在前端、后端以及移动开发中，生成唯一标识符（比如session ID，订单号等）是必不可少的操作，而uuid4可以轻松帮我们实现这一操作。
安装和引入
安装uuid4非常简单，只需要在控制台里运行以下代码即可：
npm install uuid4
接着，在你的JavaScript文件中引入它：
import { uuid4 } from 'uuid4';或者使用require语法：
var uuid4 = require('uuid4');这样，我们就可以开始使用uuid4生成唯一标识符了。
使用
uuid4提供了一些方法来生成不同类型的唯一标识符，如下所示：
uuid4(): 生成一个随机的UUID v4字符串uuid4.fromArray(byteArray): 从字节数组生成一个UUID v4字符串uuid4.random(): 生成一个随机的字节数组uuid4.parse(idString): 从UUID v4字符串解析字节数组uuid4.unparse(byteArray): 将字节数组转换为UUID v4字符串
我们可以调用以上方法来生成和解析唯一标识符。以下是一个uuid4通过调用uuid4()实现生成唯一标识符的示例代码：
import { uuid4 } from 'uuid4';
const uuid = uuid4();
console.log(uuid); // 输出类似于 '9e46c002-d8d1-4a56-a30a-3cd3ecf89e09' 的字符串甚至，我们可以使用uuid4来生成很多唯一标识符，并将它们存储在一个数组中：
-- -------------------- ---- ------- ------ - ----- - ---- -------- ----- -------- - --- --- ---- - - -- - - --- ---- - ----------------------- - ---------------------- -- ----------------------
其他常用场景
使用为文件名
我们可以使用uuid4来创建唯一的文件名，并避免在服务器上存储多个文件名冲突。这里是一个示例代码：
import { uuid4 } from 'uuid4';
const uniqueFileName = uuid4() + '.jpg';
console.log(uniqueFileName); // 输出类似于 '9e46c002-d8d1-4a56-a30a-3cd3ecf89e09.jpg' 的字符串用作id
我们可以使用uuid4为一些前端项目中的元素创建唯一的id，因此我们将能够使用它们准确地检查和更新一些内容。例如：
import { uuid4 } from 'uuid4';
const newDiv = document.createElement('div');
newDiv.id = `div-${uuid4()}`;总结
uuid4是一个非常有用的前端JavaScript工具，能够帮助我们轻松地生成随机的唯一标识符。无论是生成一个随机文件名，创建唯一的id，还是任何基于唯一标识符的操作，uuid4都能够帮我们实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/79330