数据库没有ID字段怎么办？那我们就用GUID生成一个

我们在使用互联网的过程中，唯一标识的使用是非常常见的，例如我们想通过支付宝或者微信的 API 向其他人发起一笔转账，如果这次请求发生了超时，那么我的这笔转账请求到底有没有被处理呢？这时候就需要唯一标识符（GUID）来帮我们进行识别：如果接收方已经成功处理 ID 对应的请求，那么就直接返回，或者接收方没有处理 ID 对应的请求，就正常进行处理。

写前端代码过程也是经常会遇到，比如使用Vue的v-for循环时的key值，大部分时间我们都可以用id这个字段，有时候数据库并没有这个字段，或者说在数据联调之前，我们也无法使用id字段，那我们应该如何在前端获得一个唯一标识符呢？

什么是GUID？

全局唯一标识符（GUID，Globally Unique Identifier），GUID 是一种由算法生成的二进制长度为128位的数字标识符。GUID 的格式为 xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx ，其中的 x 是 0-9 或 a-f 范围内的一个32位十六进制数。

在理想情况下，任何计算机和计算机集群都不会生成两个相同的GUID。GUID 的总数达到了2^128（3.4×10^38）个，所以随机生成两个相同GUID的可能性非常小，但并不为0。GUID一词有时也专指微软对UUID标准的实现。

前端其他唯一性标识实现

1、使用时间戳

缺点：唯一性差。时间戳在业务量小的情况下是可以满足需求的，毫秒级的唯一冲突是很难出现的。但是当用户量上升之后，时间戳的这种方案显然不行。

2、使用Random String

NPM地址npm i random-string

唯一性较强，可以应用于OSS存储文件唯一识别名。

前端生成GUID的方法

1、算法 1

function guid() {
    var s = [];
    var hexDigits = "0123456789abcdef";
    for (var i = 0; i < 36; i++) {
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
    }
    s[14] = "4";  // bits 12-15 of the time_hi_and_version field to 0010
    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);  // bits 6-7 of the clock_seq_hi_and_reserved to 01
    s[8] = s[13] = s[18] = s[23] = "-";
 
    var guid = s.join("");
    return guid;
}

2、算法 2

function guid() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
        return v.toString(16);
    });
}

3、算法 3

function guid() {
    function S4() {
       return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
    }
    return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
}

4、算法 4

function guid(len, radix) {
    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
    var guid = [], i;
    radix = radix || chars.length;
 
    if (len) {
      // Compact form
      for (i = 0; i < len; i++) guid[i] = chars[0 | Math.random()*radix];
    } else {
      // rfc4122, version 4 form
      var r;
 
      // rfc4122 requires these characters
      guid[8] = guid[13] = guid[18] = guid[23] = '-';
      guid[14] = '4';
 
      // Fill in random data.  At i==19 set the high bits of clock sequence as
      // per rfc4122, sec. 4.1.5
      for (i = 0; i < 36; i++) {
        if (!guid[i]) {
          r = 0 | Math.random()*16;
          guid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
        }
      }
    }
    return guid.join('');
}

// 使用示例 16 character ID (base=16)
guid(16, 16) // "AFC812952553C8A8"

5、使用JavaScript自带API模拟生成GUID

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

function guid() {
  var temp_url = URL.createObjectURL(new Blob());
  var guid = temp_url.toString();
  URL.revokeObjectURL(temp_url);
  return guid.substr(guid.lastIndexOf("/") + 1);
}