console.log を超えて

イントロ

最初の試行から常に動作することを願っていますが、デバッグの準備をしておいたほうがよいでしょう。 console.log は、最もシンプルで最速であるため、これを行うための主要なツールであり続けます。

ログ、警告、エラーなど、誰もが知っているコンソール メソッドはほとんどありません。

さらに深くなる

さらにトリックがあります。

カウント

たとえば、コンポーネントの再レンダリングで console.count を使用できる回数をカウントする必要がある場合、例: console.count('comp1')

グループとグループ折りたたまれた状態

console.groupCollapsed を使用して、折りたたまれたグループ内の一部の情報をログに記録できます。エラー メッセージが多数ある場合に最適です。折りたたんで印刷すると気が散りにくくなりますが、Node.js/Sentry ではおそらく展開された状態ですべて印刷されます。

をクリックした後

スタイリング

一部の CSS を使用できます

ディレクトリ

console.dir を使用してオブジェクトのプロパティをログに記録できます

オブジェクト

console.log('Ojb1', obj1) の代わりに console.log({ obj1, obj2 }) のように中かっこを使用していくつかのオブジェクトをログに記録できます

アサート

console.assert でアサートできる

時間

console.time を使用して、一部の操作にかかる時間を測定できます

トレース

console.trace() を使用してスタック トレースを出力します

クリア

console.clear() で問題を解決します

関連している

素晴らしい古い投稿をチェックしてください - https://dev.to/lissy93/fun-with-consolelog-3i59

以上がconsole.log を超えての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。