npm安装nanoid生成随机id并简单使用

864 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第4天,点击查看活动详情

npm安装nanoid生成随机id并简单使用

前言 在一些场景下,如果没有服务器的支持,需要自己随机生成一些信息

比如id,虽然可以自己制造生成规则,不过一般可以借助第三方工具生成,比如uuid,但是uuid库比较大,而且生成的id比较长,所以有一个简化版本的叫nanoid,使用起来也比较方便下面就去安装使用它

UUID 是软件开发中最常用的通用标识符之一。然而,在过去的几年里,其他的竞品挑战了它的存在。

其中,NanoID 是 UUID 的主要竞争对手之一。

因此,在本文中,我们将展开讨论 NanoID 的功能、它的亮点以及它的局限性,以便让我们更好地了解何时使用它

安装 打开终端,输入npm i nanoid,然后回车,由于这个库非常小,所以下载也很快,大概3-5秒

npm i nanoid

image.png

使用

下载完之后就可以引用了,nanoid使用了分别暴露的形式 直接使用以下代码引入就可以使用了

        import {nanoid} from "nanoid";

image.png

可以看到获取到了随机id

image.png

当然我们也可以自己定义生成的规则。

NanoID 的另一个现有功能是它允许开发人员使用自定义字母表。我们可以更改文字或 id 的大小,如下所示:

const nanoid = customAlphabet('ABCDEF1234567890', 12);  
model.id = nanoid();


根据 StackOverflow 中的许多专家意见,使用 NanoID 没有明显的缺点或限制。所以丝毫不逊色于uuid