Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5でWebワーカーを使用してコンソールにエラーをログに記録する

これは、コンソールにエラーを記録するWebWorkerJavaScriptファイルのエラー処理関数の例です。

例

エラー処理コードを使用すると、上記の例は次のようになります。

<!DOCTYPE HTML>
<html>
   <head>
      <title>Big for loop</title>
      <script>
         var worker = new Worker('bigLoop.js');
         worker.onmessage = function (event) {
            alert("Completed " + event.data + "iterations" );
         };
         worker.onerror = function (event) {
            console.log(event.message, event);
         };
         function sayHello(){
            alert("Hello sir...." );
         }
      </script>
   </head>
   <body>
      <input type = "button" onclick = "sayHello();" value = "Say Hello"/>
   </body>
</html>

  1. HTML5 Webワーカーが役立つのはなぜですか？

    JavaScriptはシングルスレッド環境で実行するように設計されています。つまり、複数のスクリプトを同時に実行することはできません。 UIイベントの処理、大量のAPIデータのクエリと処理、およびDOMの操作が必要な状況を考えてみてください。 JavaScriptは、CPU使用率が高い状況でブラウザをハングさせます。 Javascriptが大きなループを通過する簡単な例を見てみましょう： <!DOCTYPE HTML> <html>    <head>       <title>Big for

  2. 例を使用したJavaScriptconsole.log（）

    JavaScriptのconsole.log（）メソッドは、コンソールにメッセージを書き込むために使用されます。 以下は、JavaScriptのconsole.log（）メソッドのコードです- 例 <!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    } </style