JavaScript实现生成GUID(全局统一标识符)


Posted in Javascript onSeptember 05, 2014

GUID(全局统一标识符)是指在一台机器上生成的数字,它保证对在同一时空中的所有机器都是唯一的。通常平台会提供生成GUID的API。生成算法很有意思,用到了以太网卡地址、纳秒级时间、芯片ID码和许多可能的数字。GUID的唯一缺陷在于生成的结果串会比较大。

GUID的格式为:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

大家都知道GUID在前端开发中用处不大,但如果需要插入某个ID,并且这个ID与后台对应等其它需要GUID的操作时,为了方便,我们还是可以生成一个GUID的。

一般在sql、java、C#等后台或数据库语言中生成GUID都很简单,而前端没有直接生成GUID的方法,只能自己手写一个。但由于GUID需要获取以太网卡的地址、以及纳秒级的时间等数字。而前端获取到这些信息比较困难(知道的童鞋请一定告诉我),而我们可以模拟实现生成GUID,代码如下:

/*
 * 功能:生成一个GUID码,其中GUID以14个以下的日期时间及18个以上的16进制随机数组成,GUID存在一定的重复概率,但重复概率极低,理论上重复概率为每10ms有1/(16^18),即16的18次方分之1,重复概率低至可忽略不计
 * 免责声明:此代码为作者学习专用,如在使用者在使用过程中因代码问题造成的损失,与作者没有任何关系
 * 日期:2014年9月4日
 * 作者:wyc
 */

 
function GUID() {
  this.date = new Date();

  /* 判断是否初始化过,如果初始化过以下代码,则以下代码将不再执行,实际中只执行一次 */
  if (typeof this.newGUID != 'function') {
    
    /* 生成GUID码 */
    GUID.prototype.newGUID = function() {
      this.date = new Date();
      var guidStr = '';
        sexadecimalDate = this.hexadecimal(this.getGUIDDate(), 16);
        sexadecimalTime = this.hexadecimal(this.getGUIDTime(), 16);
      for (var i = 0; i < 9; i++) {
        guidStr += Math.floor(Math.random()*16).toString(16);
      }
      guidStr += sexadecimalDate;
      guidStr += sexadecimalTime;
      while(guidStr.length < 32) {
        guidStr += Math.floor(Math.random()*16).toString(16);
      }
      return this.formatGUID(guidStr);
    }

    /*
     * 功能:获取当前日期的GUID格式,即8位数的日期:19700101
     * 返回值:返回GUID日期格式的字条串
     */
    GUID.prototype.getGUIDDate = function() {
      return this.date.getFullYear() + this.addZero(this.date.getMonth() + 1) + this.addZero(this.date.getDay());
    }

    /*
     * 功能:获取当前时间的GUID格式,即8位数的时间,包括毫秒,毫秒为2位数:12300933
     * 返回值:返回GUID日期格式的字条串
     */
    GUID.prototype.getGUIDTime = function() {
      return this.addZero(this.date.getHours()) + this.addZero(this.date.getMinutes()) + this.addZero(this.date.getSeconds()) + this.addZero( parseInt(this.date.getMilliseconds() / 10 ));
    }

    /*
    * 功能: 为一位数的正整数前面添加0,如果是可以转成非NaN数字的字符串也可以实现
     * 参数: 参数表示准备再前面添加0的数字或可以转换成数字的字符串
     * 返回值: 如果符合条件,返回添加0后的字条串类型,否则返回自身的字符串
     */
    GUID.prototype.addZero = function(num) {
      if (Number(num).toString() != 'NaN' && num >= 0 && num < 10) {
        return '0' + Math.floor(num);
      } else {
        return num.toString();
      }
    }

    /* 
     * 功能:将y进制的数值,转换为x进制的数值
     * 参数:第1个参数表示欲转换的数值;第2个参数表示欲转换的进制;第3个参数可选,表示当前的进制数,如不写则为10
     * 返回值:返回转换后的字符串
     */
    GUID.prototype.hexadecimal = function(num, x, y) {
      if (y != undefined) {
        return parseInt(num.toString(), y).toString(x);
      } else {
        return parseInt(num.toString()).toString(x);
      }
    }

    /*
     * 功能:格式化32位的字符串为GUID模式的字符串
     * 参数:第1个参数表示32位的字符串
     * 返回值:标准GUID格式的字符串
     */
    GUID.prototype.formatGUID = function(guidStr) {
      var str1 = guidStr.slice(0, 8) + '-',
        str2 = guidStr.slice(8, 12) + '-',
        str3 = guidStr.slice(12, 16) + '-',
        str4 = guidStr.slice(16, 20) + '-',
        str5 = guidStr.slice(20);
      return str1 + str2 + str3 + str4 + str5;
    }
  }
}

GUID 对象

只需要将其保存在一个JS文件中并引用即可。

然后我们只需要。

var guid = new GUID();


alert(guid.newGUID()); 

即可获取GUID码。

实现原理很简单,这里只是采用了系统时间与18个以上的十六进制随机数组成,并用系统时间转换为十六进制,这样虽然还是有可能重复,但是重复的概率极低,可忽略不计。

以上为本人写的生成GUID的方法,如有更好的方法可以告诉我,谢谢!

Javascript 相关文章推荐
让Firefox支持event对象实现代码
Nov 07 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
详解JavaScript中localStorage使用要点
Jan 13 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 Javascript
node通过express搭建自己的服务器
Sep 30 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
React Native使用fetch实现图片上传的示例代码
Mar 07 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
微信小程序收藏功能的实现代码
Jun 19 Javascript
JavaScript判断textarea值是否为空并给出相应提示
Sep 04 #Javascript
Firefox下无法正常显示年份的解决方法
Sep 04 #Javascript
window.location的重写及判断location是否被重写
Sep 04 #Javascript
js怎么覆盖原有方法实现重写
Sep 04 #Javascript
JS的location.href跳出框架打开新页面的方法
Sep 04 #Javascript
手机号码,密码正则验证
Sep 04 #Javascript
javascript中2个感叹号的用法实例详解
Sep 04 #Javascript
You might like
PHP生成验证码时“图像因其本身有错无法显示”的解决方法
2013/08/07 PHP
php创建session的方法实例详解
2015/01/27 PHP
在openSUSE42.1下编译安装PHP7 的方法
2015/12/24 PHP
详解PHP的Laravel框架中Eloquent对象关系映射使用
2016/02/26 PHP
PHP解决中文乱码
2017/04/28 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
JQuery 前台切换网站的样式实现
2009/06/22 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
2017/03/17 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
使用JavaScript实现node.js中的path.join方法
2018/08/12 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
vue页面加载时的进度条功能(实例代码)
2020/01/13 Javascript
python 判断自定义对象类型
2009/03/21 Python
pandas 选择某几列的方法
2018/07/03 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
python文件和文件夹复制函数
2020/02/07 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
python 密码学示例——凯撒密码的实现
2020/09/21 Python
selenium学习教程之定位以及切换frame(iframe)
2021/01/04 Python
彪马法国官网:PUMA法国
2019/12/15 全球购物
优秀学生党员先进事迹材料
2014/05/29 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
保管员岗位职责
2015/02/14 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
企业法律事务工作总结
2015/08/11 职场文书
Matlab求解数组中的最大值及它所在的具体位置
2021/04/16 Python
Pytorch中Softmax和LogSoftmax的使用详解
2021/06/05 Python
Vue-Element-Admin集成自己的接口实现登录跳转
2021/06/23 Vue.js
springcloud整合seata
2022/05/20 Java/Android