は私のオブジェクトは、私は、この不変の順位オブジェクトを実装した

Question

JSコンソールに表示される方法をカスタマイズする

▶ Object {x: function, y: function} // Chrome 
Object { x: Pos/<.x(), y: Pos/<.y() } // Firefox 

それは全く役に立ちません。xとyの値がわかりません。 私はxとyをログに記録するカスタム関数を作ることができましたが、実際にはそれほど良いものではないでしょうし、オブジェクトを展開して内部をナビゲートする便利な可能性を失います（もっと複雑なオブジェクトを想像してください）。

C＃の場合は、ToString（）をオーバーライドしてから、Visual Studioがオブジェクトを表示するために自動的にデバッガでそれを使用します。

JSでは、toStringの実装はまったく役に立たないようです。私のオブジェクトのxとyがコンソールに簡単に見える方法はありますか？

Answer 1

あなたはクロームで、より良いコンソールの動作を取得することができ、多分他、使用してES5ゲッター：

function Pos(x, y) { 
    return { 
     get x() { return x; }, 
     get y() { return y; }, 
    }; 
} 
console.log(Pos(1,5)); 

が可能無駄なCPUを回避するためには、クロムは、あなたがそれをクリックするまで、コンソールでゲッターをカルクしませんが、少なくともあなたがしなければならないことはすべてです。それを超えて、独自のロガーメソッドを作成するか、完全にカスタムのオブジェクトを使用する必要があります。