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

JavaScriptでグローバル変数を定義する正しい方法は何ですか?


グローバル変数にはグローバルスコープがあります。つまり、JavaScriptコードのどこにでも定義できます。

関数の本体内では、ローカル変数が同じ名前のグローバル変数よりも優先されます。グローバル変数と同じ名前のローカル変数または関数パラメーターを宣言すると、グローバル変数を効果的に非表示にできます。

通常、グローバル変数は次のように宣言されます-

<html>
   <body onload = checkscope();>
      <script>
         <!--
         var myVar = "global";   // Declare a global variable
         function checkscope() {
            document.write(myVar);
         }
         //-->
     </script>
   </body>
</html>

しかし、上記でできることは、グローバル変数を使用する従来の方法です。ベストプラクティスは、「ウィンドウ」で次のように使用することです-

<html>
   <body onload = checkscope();>
      <script>
         window.myVar = "global";   // Declare a global variable
         function checkscope( ) {
            alert(myVar);
         }
      </script>
   </body>
</html>

  1. JavaScriptエラーを拡張できますか?そうするための最良の方法は何ですか?

    JavaScriptエラーは、エラークラスを拡張することで拡張できます。これを行う最良の方法は、組み込みのJavaScriptエラークラスを拡張する新しいカスタムエラークラスを作成することです。 以下は、JavaScriptでエラーを拡張するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de

  2. JavaScriptでイベントを追加する最良の方法は何ですか?

    任意の要素にイベントを追加する最良の方法は、addEventListener()メソッドを使用することです。 以下は、JavaScriptでイベントを追加するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />