Symbol()の具体的な値を取得する方法

Question

実現したいこと

Symbol()　で生成した値を、具体的に確認する方法が知りたいです

発生している問題・分からないこと

Symbol()　が、呼び出すたびに、一意な値を返してくれるそうで、活用してみようと思っています
この値が具体的に何が入っているのかをデバッグで見たいのですが、見る方法がわかりません
toString(), valueOf()あたりで見れると思ったのですが、違うようです
どうやったら見れますか？

該当のソースコード

console.log(Symbol().toString(), Symbol().valueOf())

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

Symbol() Symbol()

補足

特になし

Comments

[Lhankor_Mhy]

お探しのものは crypto.randomUUID() だったりしますか？

[zohnam]

むかし見たことがあるような気がするので、Symbolでもこういう風に確認できれば、とは思いました
ただ残念ながら「顧客が本当に必要だったもの」ではありません

Answer 1

仕様書です。
https://hacks.mozilla.org/2015/06/es6-in-depth-symbols/

いろいろ試してみましたが、定義としては他の値と一致しないものを生成するという機能なので、
実際にどういう値を使っているかということが分かれば、それは実際にその値と一致するということになり、定義に矛盾が発生するので、それを参照することができないのではないでしょうか？

つまり、一致しないという仮想的な存在を、実際に存在する値として当てはめてしまうと一致しないという定義から外れてしまうということですね。

哲学ですね。

これは論理哲学論考ですね。
語りえぬものについては、沈黙せねばならない。

Comments

[zohnam]

回答ありがとうございます
なるほど、非常に納得する説明です
具体的なデバッグの参考とはならなかったのでベストアンサーにはできませんが、設計思想として参考になりました

Answer 2

シンプルに Symbol() で生成したSymbolを見た目で区別する手段はないと思います。

キーに紐づいたSymbolを作ることができて、それは文字列表現にキーの値を含みます。

const s = Symbol.for("my-symbol");
console.log(s);
// Symbol(my-symbol) と表示される

Symbol("my-symbol") のようにしてもSymbolに名前を付けることができますが、こちらの方法では名前でSymbolを一意に特定できません。Symbol("my-symbol") を呼ぶたびに別のSymbolが生成されます。

Comments

[zohnam]

回答ありがとうございます

Answer 3

SymbolはプリミティブですがNumberでもStringでもないsymbol値なので文字列として参照することはできません
ただsymbol値同士は同じか違うか比較ができるだけです

参考

const a=new Array(3).fill(Symbol());
const b=new Array(3).fill(null).map(()=>Symbol('test'));
const c=new Array(3).fill(null).map(()=>Symbol.for('test'));
console.log(a); // symbol値が3つ
console.log(b); // symbol値が3つ
console.log(c); // symbol値が3つ
console.log([...new Set(a)]); //Array [ Symbol() ] →中身が同じsymbolなので１つしか表示されない
console.log([...new Set(b)]); //Array(3) [ Symbol("test"), Symbol("test"), Symbol("test") ] →おなじキーで作ってもsymbol値はことなるので３つ
console.log([...new Set(c)]); //Array [ Symbol("test") ]→forを指定すると同じsymbolが作られるので1つ

test

const hoge=Symbol.for("hoge");
localStorage.hoge=hoge;

上記、chromeでは「Uncaught TypeError: Failed to set a named property 'hoge' on 'Storage': Cannot convert a Symbol value to a string」というエラーがでます。つまりsymbol値は文字列に変換できないということです。

Comments

[zohnam]

回答ありがとうございます
値が確認できないので、コピーなどで予想外の挙動をされないかな？と警戒していましたが
特に問題はないようです

Answer 4

仮に識別する値が欲しいとするならば下記な感じでいいのではないでしょうか？

// symbolid.js
let num = 0;
const dict = {};
export function getSymbolId(symbol) {
  if (typeof symbol !== "symbol") throw new Error("required symbol type");
  if (!(symbol in dict)) dict[symbol] = num++;
  return dict[symbol];
}

import { getSymbolId } from "./symbolid.js";
{
 const v = Symbol();
 console.log(getSymbolId(v)); 
 // -> 0
}
{
 const v = Symbol();
 console.log(getSymbolId(v)); 
 // -> 1
}

見ての通り、実行単位でユニークにはなると思われます

勿論これは object を対象として下記の様なコードと概ね同じことをしています。

// objectid.js
let num = 0;
const dict = new Map();
export function getObjectId(object) {
  if (typeof object !== "object") throw new Error("required object type");
  if (!dict.has(object)) dict.set(object, num++);
  return dict.get(object);
}

Comments

[zohnam]

回答ありがとうございます
実際に動かしてみて挙動が把握できました
そうですね、「デバッグ」が目的なので、Symbolの値そのものじゃなくてもいいんでした
これこそが「顧客が本当に必要だったもの」です
ベストアンサーとさせていただきます