js封装生成UUID的方法

简介: 今天我们来聊一下如何封装生成UUID的方法,让我们的代码更加简洁易读。作者Emo_TT为大家带来了两种生成UUID的方法,让我们一起来看看。

今天我们来聊一下如何封装生成UUID的方法,让我们的代码更加简洁易读。


作者Emo_TT为大家带来了两种生成UUID的方法,让我们一起来看看。


第一种方法是通过创建Blob对象来生成UUID,具体实现如下:


const uuid = () => {
  const temp_url = URL.createObjectURL(new Blob())
  const uuid = temp_url.toString()
  URL.revokeObjectURL(temp_url) //释放这个url
  return uuid.substring(uuid.lastIndexOf('/') + 1)
}

这种方法生成的UUID是带有短横线分隔符的,例如:43ac2bd8-1e94-40af-8f7c-ff5d85416e51。


第二种方法是通过随机生成字符串来生成UUID,具体实现如下:


const uuid2 = () => {
  var len = 32; // 32长度
  var radix = 16; // 16进制
  var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(
  ""
  );
  var uuid = [],
  i;
  radix = radix || chars.length;
  for (i = 0; i < len; i++) {
  uuid[i] = chars[0 | (Math.random() * radix)];
  }
  return "UUID" + uuid.join("");
}

这种方法生成的UUID是不带短横线分隔符的,例如:UUID6CB67D76DDB77FE1ACAB2ECAD6680E82。


以上就是作者Emo_TT分享的两种生成UUID的方法,可以根据自己的需求来选择使用。


如果你对此有更好的封装方法,欢迎在评论区分享哦。


相关文章
|
28天前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
26天前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
121 52
|
1月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
1月前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
|
27天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
40 5
|
28天前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
26 1
|
1月前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
39 7
|
前端开发 JavaScript
Javascript 面向对象编程(一):封装
作者:阮一峰 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。
788 0