在前端开发中，我们经常需要使用唯一的 ID 来标识页面元素，这时候就需要一个好用的 ID 生成器。npm 上有很多 ID 生成器，今天我们来介绍一下 unique_id_generator 这个包的使用方法。
安装
可以通过 npm 安装 unique_id_generator：
npm install unique_id_generator
使用
使用 unique_id_generator 很简单，我们只需要引入这个包，然后调用其中的方法即可。
生成唯一的随机 ID
unique_id_generator 包提供了一种生成唯一的随机 ID 的方法：
const uniqueIdGenerator = require('unique_id_generator');
const id = uniqueIdGenerator.generateId();
console.log(id); // 617b3325-b814-4693-8c39-ec5f5d5aa025这里生成了一个格式为 UUID 的 ID。
生成指定长度的随机字符串
如果我们需要生成指定长度的随机字符串，可以使用 generateRandomString(length) 方法：
const uniqueIdGenerator = require('unique_id_generator');
const randomString = uniqueIdGenerator.generateRandomString(16);
console.log(randomString); // b8TVPWn7sENsD1hI这里生成了一个长度为 16 的随机字符串。
使用指定的字符集生成随机字符串
如果我们需要使用自己指定的字符集来生成随机字符串，可以使用 generateRandomStringWithCharset(length, charset) 方法：
const uniqueIdGenerator = require('unique_id_generator');
const charset = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
const randomString = uniqueIdGenerator.generateRandomStringWithCharset(16, charset);
console.log(randomString); // WstgsdtOalgeNInG这里指定了一个包含大小写字母和数字的字符集来生成随机字符串。
指导意义
使用 unique_id_generator 包可以帮助我们生成唯一的随机 ID 和随机字符串，其具有一定的可扩展性和可定制性，可以根据自己的需求指定字符集和长度等参数。
使用唯一的随机 ID 来标识页面元素是一种优秀的前端开发实践，可以避免同一个页面上出现相同的 ID，从而导致页面出现问题。
示例代码
-- -------------------- ---- ------- ----- ----------------- - ------------------------------- -- ------- -- ----- -- - ------------------------------- ---------------- -- ------------------------------------ -- ------------ ----- ------------ - ------------------------------------------- -------------------------- -- ---------------- -- --------------- ----- ------- - ----------------------------------------------------------------- ----- ----------------------- - ----------------------------------------------------- --------- ------------------------------------- -- ----------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fa181e8991b448dcf64