console.log / warn / error-ネイティブのバニラJavaScriptよりパフォーマンスの高い代替手段?

willocks_

私は少し調査をしました、そして私が見つけたもののほとんどは良い数年前のものです。私はJSを初めて使用し、徐々に知識を深めていきます。

Console.log()は非常に便利なツールですが、一般的にパフォーマンスが低いことに非常に警戒しています(https://jsperf.com/console-log1337/16またはhttps://jsperf.com/console-log1337/33基本的な例として)、そして悪い評判。

本番アプリケーション/ Webサイトにconsole.log()スタイルのエラーメッセージを残す必要がある場合、バニラJS(フレームワーク/ライブラリなし)にネイティブな、よりパフォーマンスの高い代替手段はありますか?

私の最初の考えは、代わりにすべてのログ項目を後で収集できる配列にプッシュすることでした(必要な場合)が、Promise.all()と組み合わせて使用​​するとうまく機能しないようです-たとえば、配列の場合、代わりに、最後の値を持つ単一の配列、または10個の個別の配列を取得します。

ネイティブまたは最も推奨される代替案はありますか(これは「意見」に開かれていることを理解してください-他にどのように表現すればよいかわかりません!)?

PS-フォーマット不足についてお詫びします...モバイル!

ジョナスウィルムス

... 業績不振

テストケースの1つは、空の関数の呼び出しとの呼び出しを比較しconsole.logます。空の関数はおそらく、JITコンパイラによってインライン化されますので、あなたが実際に比較されていない全くのコードをしますconsole.log確かにこれほど高速なコードはありません

レンダリングループ内でログを記録している場合や、非常に頻繁に実行されている場合を除いて、ログによる(顕著な)ラグは発生していません。

...悪い評判

真剣に?私の目には、JSには他の言語と比較してデバッグするための優れた方法があります(おそらくJSが最も優れたバグを持っているためです:))ネストされた構造を「ライブ」で表示でき、ブレークポイントで実行を停止でき、debugger;ステートメントを使用してデバッグ用のコードを準備できます、メモリ全体をダンプしたり、GCの動作、ホットな機能などを視覚化したりできます。はい、これらの機能はすべてパフォーマンスが低下しますが、コンソールのパフォーマンスは非常に良好です。

バニラJS(フレームワーク/ライブラリなし)にネイティブな、よりパフォーマンスの高い代替手段はありますか?

ロギングはJavaScriptを実行するエンジンに直接書き込まれます。つまり、JSを介してアクセスできない多くのものにアクセスできます。また、ネイティブコードはコンパイルされたJavaScriptよりも常に高速です(または同等に高速ですが、誰もそれを保証できません)。

実稼働アプリケーション/ Webサイトにconsole.log()スタイルのエラーメッセージを残す必要がある場合...

そして、誰がこのログを読むべきですか?エラーが発生した場合に、クライアントにコンソールを調べるように依頼しますか?

本番環境にログインすると、デバッグを通じて使用するすべてのものがログに記録されるわけではありませんが、エラーを追跡できるだけで十分です。そのため、エラーが発生した場所(「メニューを開く」など)とエラー自体を見つけるためのパンくずリストがいくつかあります。

自分で本番ログを書きたくない場合は、JSの歩哨をご覧ください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

IEは、console.log / error / warn / infoへの参照を使用してスクリプトの実行を停止します

分類Dev

JavaScript "ReferenceError: value is not defined" error when using Console.log

分類Dev

クロム開発者コンソールでconsole.log、console.warnなどを使用するにはどうすればよいですか?

分類Dev

Carousel responsive settings error in the console log

分類Dev

プレーンconsole.warn()は、サーバー性「ERROR」でログに表示されます

分類Dev

jsのconsole.log()とconsole.error()の違いは何ですか?

分類Dev

JavaScript:console.log to html

分類Dev

Javascript Advanced console.log

分類Dev

iOS UIWebViewのJavaScript console.log()

分類Dev

functions an immediate strange behavior error in console.log

分類Dev

console.warnメッセージを検出します

分類Dev

Angularjsの$ scopeのconsole.log

分類Dev

Angularjsの$ scopeのconsole.log

分類Dev

console.log()の復元

分類Dev

Firefox 54.0 の console.log()

分類Dev

console.log javascript [関数]

分類Dev

How to log unicode characters to the console in JavaScript?

分類Dev

How to log unicode characters to the console in JavaScript?

分類Dev

Console.log javascript not working in web browser

分類Dev

window.console.logとconsole.logの違いは何ですか

分類Dev

console.logを使用したキャンバスでのjavascriptのトラブルシューティング

分類Dev

console.logとjavascriptのalertの違い

分類Dev

作業灯手順のconsole.log

分類Dev

console.logは、Error.prototype.toStringとは異なるエラーオブジェクトをフォーマットします

分類Dev

javascript console.log'raw 'の新機能?

分類Dev

Javascriptのconsole.logに相当するOCaml

分類Dev

console.log(data);の方法 javascriptで

分類Dev

console.logはJavaScriptの実行パフォーマンスを低下させますか?

分類Dev

switchとconsole.logの使い方は?

Related 関連記事

  1. 1

    IEは、console.log / error / warn / infoへの参照を使用してスクリプトの実行を停止します

  2. 2

    JavaScript "ReferenceError: value is not defined" error when using Console.log

  3. 3

    クロム開発者コンソールでconsole.log、console.warnなどを使用するにはどうすればよいですか?

  4. 4

    Carousel responsive settings error in the console log

  5. 5

    プレーンconsole.warn()は、サーバー性「ERROR」でログに表示されます

  6. 6

    jsのconsole.log()とconsole.error()の違いは何ですか?

  7. 7

    JavaScript:console.log to html

  8. 8

    Javascript Advanced console.log

  9. 9

    iOS UIWebViewのJavaScript console.log()

  10. 10

    functions an immediate strange behavior error in console.log

  11. 11

    console.warnメッセージを検出します

  12. 12

    Angularjsの$ scopeのconsole.log

  13. 13

    Angularjsの$ scopeのconsole.log

  14. 14

    console.log()の復元

  15. 15

    Firefox 54.0 の console.log()

  16. 16

    console.log javascript [関数]

  17. 17

    How to log unicode characters to the console in JavaScript?

  18. 18

    How to log unicode characters to the console in JavaScript?

  19. 19

    Console.log javascript not working in web browser

  20. 20

    window.console.logとconsole.logの違いは何ですか

  21. 21

    console.logを使用したキャンバスでのjavascriptのトラブルシューティング

  22. 22

    console.logとjavascriptのalertの違い

  23. 23

    作業灯手順のconsole.log

  24. 24

    console.logは、Error.prototype.toStringとは異なるエラーオブジェクトをフォーマットします

  25. 25

    javascript console.log'raw 'の新機能?

  26. 26

    Javascriptのconsole.logに相当するOCaml

  27. 27

    console.log(data);の方法 javascriptで

  28. 28

    console.logはJavaScriptの実行パフォーマンスを低下させますか?

  29. 29

    switchとconsole.logの使い方は?

ホットタグ

アーカイブ