Dưới đây là mã để tạo ID duy nhất (unique ID) cho từng đối tượng sử dụng Symbol.
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Unique ID</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>Tạo ID duy nhất cho từng đối tượng</h1> <div class="result"></div> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút để kiểm tra xem ID tạo ra có duy nhất không</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let obj = { id: Symbol("UID"), a: 22, b: 44, }; let obj1 = { id: Symbol("UID"), a: 12, b: 41, }; BtnEle.addEventListener("click", () => { if (obj.id === obj1.id) { resEle.innerHTML = "ID tạo ra KHÔNG duy nhất <br>"; } else { resEle.innerHTML = "ID tạo ra là duy nhất cho mỗi đối tượng"; } }); </script> </body> </html>
Kết quả
Khi nhấn nút: ID tạo ra là duy nhất cho mỗi đối tượng
Symbol("UID") tạo giá trị duy nhất mỗi lần gọi, ngay cả khi mô tả giống nhau. Symbol.for("UID") thì dùng global registry, trả về cùng symbol cho cùng key. Symbol thường dùng làm property key ẩn (non-enumerable) để tránh xung đột.