js 変数スコープを使用するときに発生するバグ

for (var i = 0; child && i <p>上記のコードは、表面的には非常に奇妙に見える問題を作成します。ブランチ 2 = 4 の場合、外側の for ループが戻ることがあります。つまり、最も外側のループが明らかに最後の子に到達した後、外側の for ループが実行に戻ります。 <a href="http://www.php.cn/code/9672.html" target="_blank"></a></p>原因分析:<p><strong>私ほど悪くない専門家なら、問題は</strong>変数<br>iにあることがわかると思います。ここで、iはブロックレベルの変数ではなく、<a href="http://www.php.cn/wiki/70.html" target="_blank">関数</a>レベルになります。ブランチ 2 の変更により、外側の層 i が変更され、ループがループバックします。 ES6 より前の <a href="http://www.php.cn/wiki/145.html" target="_blank">js にはブロック レベルのスコープがなく、グローバル スコープと関数レベルのスコープにのみ分割されていました。ここで i は関数レベルのスコープであり、それを使用してループ </a>index<br> を作成するとき、実際には次のことを行います。それをブロックレベルのスコープの使用として扱います。 <a href="http://www.php.cn/code/9822.html" target="_blank"></a></p>解決策<p><strong></strong> ブロックレベルのスコープ効果を実現したい場合は、ES6 構文の let キーワードを使用できます: </p><pre class="brush:php;toolbar:false">for(let i=0;i<arr.length><p> この記事のケースを読んだ後は、この方法を習得したと思います。内容については、PHP 中国語 Web サイトにご注意ください</p>その他 <p>関連記事! <a href="http://www.php.cn/java/java-alibaba-qita.html" target="_blank"></a>推奨読書: </p>
<p></p>一般的に使用される CSS スタイルの概要<p><a href="http://www.php.cn/js-tutorial-398109.html" target="_blank"></a></p> Component と PureComponent の使用の違いの詳細な説明<p><a href="http://www.php.cn/js-tutorial-398116.html" target="_blank"></a><br></p>
<p class="comments-box-content"></p></arr.length>

以上がjs 変数スコープを使用するときに発生するバグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。