• 技术文章 >web前端 >js教程

    两行 Javascript 代码生成 UUID的方法

    hzchzc2020-06-15 09:42:09转载1681
    发现一个简单的方法,可以在不依赖第三方库的情况下,在 Javascript 应用程序中生成 UUID。

    function uuid() {
      var temp_url = URL.createObjectURL(new Blob());
      var uuid = temp_url.toString(); // blob:https://xxx.com/b250d159-e1b6-4a87-9002-885d90033be3
      URL.revokeObjectURL(temp_url);
      return uuid.substr(uuid.lastIndexOf("/") + 1);
    }

    在 Javascript 中可以用的 URL.createObjectURL 方法创建一个惟一的 URL,以表示传递给它的对象。为了让这个 URL 是唯一的, URL.createObjectURL 方法返回的 URL 会带上一段 36 位长的字符串,和 UUID 的长度一致,通过这个原理,就可以模拟 UUID 了。

    下面是这个方法生成的 UUID 的一些例子:

    for (var i = 0; i < 10; ++i) {
      console.log(uuid());
    }
    
    // 执行结果如下
    // f6ca05c0-fad5-46fc-a237-a8e930e7cb49
    // 6a88664e-51e1-48c3-a85e-7bf00467e9e6
    // e6050f4c-e86d-4081-9376-099bfbef2c30
    // bde3da3c-b318-4498-8a03-9a773afa84bd
    // ba0fda03-f806-4c2f-b6f5-1e74a299e603
    // 62b2edc3-b09f-4bf9-8dbf-c4d599479a29
    // e70c0609-22ad-4493-abcc-0e3445291397
    // 920255b2-1838-497d-bc33-56550842b378
    // 45559c64-971c-4236-9cfc-706048b60e70
    // 4bc4bbb9-1e90-432b-99e8-277b40af92cd


    注意: URL.createObjectURL 的目的不是生成随机 UUID。 因此,上述生成 UUID 的方法可能会导致我尚未意识到的副作用。 如果你能想到任何问题,麻烦留言回复我,谢谢。

    推荐教程:《JS教程

    以上就是两行 Javascript 代码生成 UUID的方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除
    专题推荐:Javascript
    上一篇:解决JavaScript中数组排序sort不发生改变 下一篇:async/await的来龙去脉
    大前端线上培训班

    相关文章推荐

    • 如何理解javascript中的函数概念• JavaScript 和 Dart 的区别• JavaScript 对象可以做到的几件事• JavaScript对象迭代方法和性能的比较

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网