angular - 在 TypeScript 中创建 GUID - 函数在 JS 中有效但在 TS 中无效

Question

我正在尝试使用发布的解决方案 here在我的 angular4/TypeScript 网络应用程序中创建一个 GUID 类型的字符串。

这是我正在编写的函数:

function uuidv4() {
  return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c =>
    (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
  )
}
console.log(uuidv4())

TypeScript 给我以下错误:

Operator '+' cannot be applied to types 'number[]' and '-1000'.

我需要更改什么才能使此 TS 兼容？

谢谢!

Answer 1

如果你想留下一些神秘的代码(一个谜题？)几乎就像它是巧妙的原始但 TypeScript 兼容，你可以使用:

function uuidv4(): string {
  return (''+[1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, ch => {
      let c = Number(ch);
      return (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
    }
  )
}

解密:

• [1e7]+-1e3+-4e3+-8e3+-1e11 生成字符串 10000000-1000-4000-8000-100000000000 并节省大量字符；- )
• TypeScript 不知道该表达式旨在生成一个字符串。 (这可以被视为错误恕我直言。)
• 当您以 '' + 开始表达式时，类型推断会将表达式检测为字符串，并且编译器现在接受将数组与数字连接起来。更具可读性的形式是 '' + 1e7 + -1e3 + -4e3 + -8e3 + -1e11，因为这样你就不再需要 [] 来处理 + 运算符作为字符串连接而不是数字加法。
• 下一个问题是 c 从字符串到数字的自动强制转换。为此，我添加了从作为字符串的 ch 到作为数字的 c 的显式转换。

这是另一个证明“只需将您的 *.js 文件重命名为 *.ts 并且您拥有有效的 TypeScript”并非在所有情况下都是正确的。我仍然相信使用 TypeScript 很快就会有返回，而且如此小的改变不会花费太多。