如何检查Javascript中self.crypto.randomUUID()是否可用？兼容代码验证

你的这段代码能避免在不支持self.crypto的环境下报错，但还有两处需要完善的地方：

• 部分浏览器可能支持self.crypto但未实现randomUUID()方法（比如旧版Chrome、Firefox），仅判断self.crypto存在并不够，得同时校验randomUUID方法是否存在
• 当前代码在不支持的场景下仅打印提示信息，实际业务中应该提供一个降级生成方案，返回符合UUID格式的字符串，而不是只输出日志

优化后的代码 #

function GenerateGuid() {
  // 使用可选链简化判断，确保crypto和randomUUID都存在才调用
  if (self?.crypto?.randomUUID) {
    return self.crypto.randomUUID();
  } else {
    // 降级生成UUID v4格式的字符串
    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);
    });
  }
}

// 调用示例
console.log(GenerateGuid());

说明 #

• 可选链操作符?.可以安全访问嵌套属性，避免因中间属性不存在而抛出错误
• 降级方案遵循UUID v4的规范生成字符串，虽然随机性不如crypto.randomUUID()，但能保证在所有环境下生成符合格式的唯一标识

内容的提问来源于stack exchange，提问作者AlbatrossCafe