43 lines
1.9 KiB
TypeScript
43 lines
1.9 KiB
TypeScript
|
/**
|
|||
|
|
* 本算法来源于简书开源代码，详见：https://www.jianshu.com/p/fdbf293d0a85
|
|||
|
|
* 全局唯一标识符（uuid，Globally Unique Identifier）,也称作 uuid(Universally Unique IDentifier)
|
|||
|
|
* 一般用于多个组件之间,给它一个唯一的标识符,或者v-for循环的时候,如果使用数组的index可能会导致更新列表出现问题
|
|||
|
|
* 最可能的情况是左滑删除item或者对某条信息流"不喜欢"并去掉它的时候,会导致组件内的数据可能出现错乱
|
|||
|
|
* v-for的时候,推荐使用后端返回的id而不是循环的index
|
|||
|
|
* @param len uuid的长度，默认32
|
|||
|
|
* @param firstU 将返回的首字母置为"u"，默认true
|
|||
|
|
* @param radix 生成uuid的基数(意味着返回的字符串都是这个基数),2-二进制,8-八进制,10-十进制,16-十六进制
|
|||
|
|
* @returns 生成的uuid字符串
|
|||
|
|
*/
|
|||
|
|
function guid(len: number = 32, firstU: boolean = true, radix?: number): string {
|
|||
|
|
const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
|
|||
|
|
const uuid: string[] = [];
|
|||
|
|
const base = radix || chars.length;
|
|||
|
|
|
|||
|
|
if (len) {
|
|||
|
|
// 如果指定uuid长度,只是取随机的字符,0|x为位运算,能去掉x的小数位,返回整数位
|
|||
|
|
for (let i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * base)];
|
|||
|
|
} else {
|
|||
|
|
let r: number;
|
|||
|
|
// rfc4122标准要求返回的uuid中,某些位为固定的字符
|
|||
|
|
uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
|
|||
|
|
uuid[14] = '4';
|
|||
|
|
|
|||
|
|
for (let i = 0; i < 36; i++) {
|
|||
|
|
if (!uuid[i]) {
|
|||
|
|
r = 0 | (Math.random() * 16);
|
|||
|
|
uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 移除第一个字符,并用u替代,因为第一个字符为数值时,该guid不能用作id或者class
|
|||
|
|
if (firstU) {
|
|||
|
|
uuid.shift();
|
|||
|
|
return 'u' + uuid.join('');
|
|||
|
|
} else {
|
|||
|
|
return uuid.join('');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default guid;
|