关于javascript:更安全的随机数生成

Math.random()

通常状况下咱们应用 Math.random() 来生成伪随机数，在大部分状况下能够很不便的应用。比方

生成混合随机字符

Math.random().toString(36).substr(2);

生成指定范畴的随机数

const randomNumber = (min, max) => Math.floor(Math.random() * (max - min) + min);

但如果波及略微谨严的一些场景中，Math.random()随机散布不够均匀，这时候能够应用浏览器提供的更平安的随机数生成接口Crypto.getRandomValues()

Crypto.getRandomValues()

Crypto看着会比拟生疏，这是浏览器提供了根本的密码学的操作接口。

其中提供了一个随机数生成办法 getRandomValues，Math.random() 的随机数散布不够均匀，尽管大部分状况下不会有抵触，但的确有隐患。而且 getRandomValues 兼容性也还是不错的。

生成随机数首先要提供一个 TypedArray 对象，生成的随机数会将其外面的对象重写。

window.crypto.getRandomValues(new Uint32Array(5))

Crypto.getRandomValues()间接应用还是比拟原始须要本人再次解决数据，网上也有提供可间接用的生成代码：

生成 [0, 1) 之间的随机数（与 Math.random() 统一）

const cryptoRand = () => {const randomBuffer = new Uint32Array(1);
    window.crypto.getRandomValues(randomBuffer);
    return (randomBuffer[0] / (0xffffffff + 1) ); // 0xFFFFFFFF = uint32.MaxValue (+1 because Math.random is inclusive of 0, but not 1) 
}

生成指定范畴随机数

const randomNumber = (min, max) => {const randomBuffer = new Uint32Array(1);
    window.crypto.getRandomValues(randomBuffer);
    const number = randomBuffer[0] / (0xffffffff + 1);
    return Math.floor(number * (max - min) + min);
}

生成 ID

const generateId = (len) => {const typeArray = new Uint8Array((len || 40) / 2)
    window.crypto.getRandomValues(typeArray)
    return Array.from(typeArray, dec=>dec.toString(16).padStart(2, "0")).join('')
}

或是

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

须要留神的是，为了性能 crypto.getRandomValues 生成随机数的时候并没有真正的随机数生成器，而是应用了有足够熵的伪随机数生成器。如果须要加密场景，就须要用户本人提供足够熵源的种子。

或者应用现成的随机数生成库nanoid。

Nano ID

Nano ID 是一个玲珑、平安、URL 敌对、惟一的 JavaScript 字符串 ID 生成器。反对浏览器、Node.js、React Native，以及提供了各种其余语言的版本。

装置

npm install --save nanoid

平安的生成随机数：

同步

import {nanoid} from 'nanoid'
model.id = nanoid() //=> "V1StGXR8_Z5jdHi6B-myT"

异步

import {nanoid} from 'nanoid/async'
await nanoid()

如果更关怀性能的话，能够升高安全性应用非平安的随机数生成器

import {nanoid} from 'nanoid/non-secure'
const id = nanoid() //=> "Uakgb_J5m9g-0JDMbcJqLJ"

当然也能够自定义随机字符和大小，具体的办法能够查看文档。

相干材料

MDN – Math.random()

MDN – Crypto.getRandomValues()

Nano ID 文档

Math.random() 二三事

Random Number Generation in JavaScript