原生JavaScript生成GUID的實(shí)現(xiàn)示例
GUID(全局統(tǒng)一標(biāo)識(shí)符)是指在一臺(tái)機(jī)器上生成的數(shù)字,它保證對(duì)在同一時(shí)空中的所有機(jī)器都是唯一的。通常平臺(tái)會(huì)提供生成GUID的API。生成算法很有意思,用到了以太網(wǎng)卡地址、納秒級(jí)時(shí)間、芯片ID碼和許多可能的數(shù)字。GUID的唯一缺陷在于生成的結(jié)果串會(huì)比較大。
GUID的格式為:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
大家都知道GUID在前端開(kāi)發(fā)中用處不大,但如果需要插入某個(gè)ID,并且這個(gè)ID與后臺(tái)對(duì)應(yīng)等其它需要GUID的操作時(shí),為了方便,我們還是可以生成一個(gè)GUID的。
一般在sql、java、C#等后臺(tái)或數(shù)據(jù)庫(kù)語(yǔ)言中生成GUID都很簡(jiǎn)單,而前端沒(méi)有直接生成GUID的方法,只能自己手寫一個(gè)。但由于GUID需要獲取以太網(wǎng)卡的地址、以及納秒級(jí)的時(shí)間等數(shù)字。而前端獲取到這些信息比較困難(知道的童鞋請(qǐng)一定告訴我),而我們可以模擬實(shí)現(xiàn)生成GUID,代碼如下:
/*
* 功能:生成一個(gè)GUID碼,其中GUID以14個(gè)以下的日期時(shí)間及18個(gè)以上的16進(jìn)制隨機(jī)數(shù)組成,GUID存在一定的重復(fù)概率,但重復(fù)概率極低,理論上重復(fù)概率為每10ms有1/(16^18),即16的18次方分之1,重復(fù)概率低至可忽略不計(jì)*/
function GUID() { this.date = new Date(); /* 判斷是否初始化過(guò),如果初始化過(guò)以下代碼,則以下代碼將不再執(zhí)行,實(shí)際中只執(zhí)行一次 */ 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); } /* * 功能:獲取當(dāng)前日期的GUID格式,即8位數(shù)的日期:19700101 * 返回值:返回GUID日期格式的字條串 */ GUID.prototype.getGUIDDate = function() { return this.date.getFullYear() + this.addZero(this.date.getMonth() + 1) + this.addZero(this.date.getDay()); } /* * 功能:獲取當(dāng)前時(shí)間的GUID格式,即8位數(shù)的時(shí)間,包括毫秒,毫秒為2位數(shù):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 )); } /* * 功能: 為一位數(shù)的正整數(shù)前面添加0,如果是可以轉(zhuǎn)成非NaN數(shù)字的字符串也可以實(shí)現(xiàn) * 參數(shù): 參數(shù)表示準(zhǔn)備再前面添加0的數(shù)字或可以轉(zhuǎn)換成數(shù)字的字符串 * 返回值: 如果符合條件,返回添加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進(jìn)制的數(shù)值,轉(zhuǎn)換為x進(jìn)制的數(shù)值 * 參數(shù):第1個(gè)參數(shù)表示欲轉(zhuǎn)換的數(shù)值;第2個(gè)參數(shù)表示欲轉(zhuǎn)換的進(jìn)制;第3個(gè)參數(shù)可選,表示當(dāng)前的進(jìn)制數(shù),如不寫則為10 * 返回值:返回轉(zhuǎn)換后的字符串 */ 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模式的字符串 * 參數(shù):第1個(gè)參數(shù)表示32位的字符串 * 返回值:標(biāo)準(zhǔn)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 對(duì)象
只需要將其保存在一個(gè)JS文件中并引用即可。
然后我們只需要
var guid = new GUID();
alert(guid.newGUID());
即可獲取GUID碼。
實(shí)現(xiàn)原理很簡(jiǎn)單,這里只是采用了系統(tǒng)時(shí)間與18個(gè)以上的十六進(jìn)制隨機(jī)數(shù)組成,并用系統(tǒng)時(shí)間轉(zhuǎn)換為十六進(jìn)制,這樣雖然還是有可能重復(fù),但是重復(fù)的概率極低,可忽略不計(jì)。
相關(guān)文章
JS 設(shè)計(jì)模式之:工廠模式定義與實(shí)現(xiàn)方法淺析
這篇文章主要介紹了JS 設(shè)計(jì)模式之:工廠模式,結(jié)合實(shí)例形式分析了JS 工廠模式基本概念、原理、定義、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05Promise+async+Generator的實(shí)現(xiàn)原理
這篇文章主要介紹了Promise+async+Generator的實(shí)現(xiàn)原理,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-09-09JS判斷當(dāng)前頁(yè)面是否在微信瀏覽器打開(kāi)的方法
這篇文章主要介紹了JS判斷當(dāng)前頁(yè)面是否在微信瀏覽器打開(kāi)的方法,涉及JavaScript針對(duì)客戶端的相關(guān)判定技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-12-12javascript iframe內(nèi)的函數(shù)調(diào)用實(shí)現(xiàn)方法
用下面的方法可以調(diào)用iframe中的函數(shù),實(shí)現(xiàn)一些比較特殊的效果,不過(guò)能跨域的。2009-07-07微信小程序新增的拖動(dòng)組件movable-view使用教程
這篇文章主要給大家介紹了微信小程序最近新增的拖動(dòng)組件movable-view的簡(jiǎn)單使用教程,文中介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-05-05webpack.DefinePlugin與cross-env區(qū)別詳解
這篇文章主要介紹了webpack.DefinePlugin與cross-env區(qū)別詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02