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