JSのDateクラスの仕組みを知りたい

Question

JSにてDateクラスがありますが、以下のようにすれば何故文字列が出力されるのでしょうか？

let d = new Date();
console.log(d);

同じ効果を持ったクラスを作ろうとしたのですが調べても見つけられなかったので、調べるのに必要な単語等を教えて欲しいです

class Test{
    constructor(str = "") {
        this.str = "test";
        if (str != "") this.str = str;
    }
    valueOf() {
        return this.str.length;
    }
    get test() {
        return this.str;
    }
}


let test = new Test();
let test2 = new Test("test_");
console.log(test);
console.log(test2);
console.log(test + test2);
console.log(test - test2);

Answer 1

同じ効果を持ったクラスを作ろうとしたのですが調べても見つけられなかったので

おそらく無理です。console.logの出力形式は実装依存になっているため（WHATWG）、JavaScript上から制御する公式の方法は用意されていません。

Comments

[nicoyou]

ご回答ありがとうございます
環境がDateクラスを識別して特別な内容を出力しているという意味でしょうか？
では以下のプログラムで変数d_test と d_test2 の型が違うのは何故なのでしょうか？

function sleep(waitMsec) {
let startMsec = new Date();
while (new Date() - startMsec < waitMsec);
}
let d1 = new Date();
sleep(100);
let d2 = new Date();
let d_test = d2 - d1;
let d_test2 = d2 + d1;
console.log(d_test);
console.log(d_test2);
console.log(typeof(d_test)); // number
console.log(typeof(d_test2)); // string

[maisumakun]

> 環境がDateクラスを識別して特別な内容を出力しているという意味でしょうか？

そのとおりです。

> 以下のプログラムで変数d_test と d_test2 の型が違うのは何故なのでしょうか？

引き算は数値にしかできないので、-の両辺は数値に変換されますが、+は数値にも文字列にも実行可能な演算なので、+の両辺の変換はまた違ったルールで行われます。

[nicoyou]

オブジェクト同士を直接足し合わせて文字列になっているので、コンソールログで出力しなくても文字列になるのが不思議です
差支えなければ質問文の2番目のサンプルコードの
console.log(test + test2);
の結果が文字列になるようなサンプルを教えていただけないでしょうか？

[maisumakun]

[Symbol.toPrimitive]を、「hintがnumberでなければ文字列」という形で実装すれば実現できるかと思います。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/@@toPrimitive

（Symbol.toPrimitiveが実装されるまでは、これもDate組付けで実装不能でした）

[nicoyou]

リンク有難うございます
ぱっと見で理解できるものでなかったので時間のある夜に確認しようと思います

[nicoyou]

リンクの通りに解決しました
有難うございました