Генерация уникальных идентификаторов | Руководство по JavaScript для браузера

Введение

В этом практическом занятии мы изучим, как сгенерировать UUID в браузере с использованием JavaScript. UUID (Universally Unique Identifier) — это 128-битное значение, используемое для идентификации ресурсов в системе таким образом, чтобы они были уникальными и универсальными. В конце этого практического занятия вы четко поймете, как сгенерировать соответствующий UUID, который можно использовать в ваших веб-приложениях.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28686{{"Генерация уникальных идентификаторов в JavaScript"}} javascript/data_types -.-> lab-28686{{"Генерация уникальных идентификаторов в JavaScript"}} javascript/arith_ops -.-> lab-28686{{"Генерация уникальных идентификаторов в JavaScript"}} javascript/comp_ops -.-> lab-28686{{"Генерация уникальных идентификаторов в JavaScript"}} end

Генерация UUID в браузере

Чтобы сгенерировать UUID, соответствующий RFC4122, версии 4, в браузере, следуйте этим шагам:

Откройте Терминал/SSH и введите node.
Используйте метод Crypto.getRandomValues(), чтобы сгенерировать UUID.
Преобразуйте UUID в шестнадцатеричную строку с использованием метода Number.prototype.toString().
Реализуйте следующий код:

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

Вызовите функцию UUIDGeneratorBrowser(), чтобы сгенерировать UUID. Например, UUIDGeneratorBrowser() вернет '7982fcfe-5721-4632-bede-6000885be57d'.

Резюме

Поздравляем! Вы завершили практическое занятие по генерации UUID (в браузере). Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.