JavaScript のブロックレベルスコープの用途は何ですか?-フロントエンドQ&A-php.cn

JavaScript のブロックレベルスコープの用途は何ですか?

青灯夜游

リリース： 2022-01-18 12:03:42

オリジナル

2939 人が閲覧しました

ブロックレベルのスコープの役割: グローバル変数と関数が多すぎることによって引き起こされる名前の競合を解決します。 JavaScript は繰り返しの宣言に目をつぶってしまい、実行結果にエラーが発生しますが、ブロックレベルのスコープでこの問題を解決できるため、各開発者はグローバルスコープの混乱を心配することなく独自の変数を使用できるようになります。

JavaScript のブロックレベルスコープの用途は何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

ブロックレベルのスコープとは何ですか?

中括弧 ({ と }) のペアで囲まれた一連のステートメントは、ブロックに属します。ブロック内で定義されているすべての変数は、コードブロックの外部には表示されません。これをブロックレベルアクションと呼びます。ドメインなど一方、 if

および JavaScript にはブロックレベルのスコープがありません (es6 標準が登場する前、JavaScript にはブロックレベルのスコープがありませんでした)。つまり、JavaScript コードブロックで変数を定義します。変数はコードブロックの外でも使用できます (例:

<script type="text/javascript">  
   var i=1;  
     if(i==1){  
        var b=2;  
     }  
   alert(b);//输出2  

   function outputNumbers(count){
       for(vari=0;i<count;i++){
           alert(i);
       }
           alert(i); //计数
    } 
</script>

ログイン後にコピー

Java や C などの言語では、変数 i は for ループのステートメントブロックでのみ定義されます。終了すると、変数 i will は破棄されます。しかし、JavaScript では、変数 i は、outputNumbers() のアクティブオブジェクトで定義されるため、定義された時点から関数内のどこからでもアクセスできます。

JavaScript でブロックレベルのスコープを実装する必要があるのはなぜですか?また、その用途は何ですか?

ブロックレベルのスコープは、多すぎるグローバル変数や関数によって引き起こされる名前の競合を解決できます。これは、JavaScript が繰り返しの宣言に目をつぶって (ただし、後続の宣言では変数の初期化を実行します)、結果として実行結果が発生するためです。何か問題が発生した場合、おそらくそれを見つけるために多大な労力を費やす必要があります。

多くの開発者によって作成された大規模なアプリケーションでは、プライベートスコープを使用することで、各開発者はグローバルスコープを台無しにすることを心配せずに独自の変数を使用できます。

JavaScript がブロックレベルのスコープを実装する方法

js にはブロックレベルのスコープはありませんが、クロージャ/匿名関数を使用してブロックレベルのスコープを模倣することができます。

ブロックレベルスコープ (プライベートスコープと呼ばれることが多い) の匿名関数の構文は次のとおりです。

(function(){

  //这里是块级作用域

})();

ログイン後にコピー

上記のコードは、匿名関数を定義し、すぐに呼び出します。関数宣言を一対のかっこで囲むと、それが実際には関数式であることを示します。その直後に別の括弧のペアがあると、この関数がすぐに呼び出されます。

匿名関数を使用して JavaScript でブロックレベルのスコープを実装する例

function outputNumbers(count){
   (function(){
      for(var i=0;i<count;i++){
          alert(i);
         }
        })();
    alert(i); //导致错误！
   }

ログイン後にコピー

この例では、匿名関数で定義された変数は実行の終了時に破棄されます。したがって、変数 i はループ内でのみ使用でき、使用後は破棄されます。この匿名関数はクロージャであり、含まれるスコープ内のすべての変数にアクセスできるため、変数 count はプライベートスコープでアクセスできます。