JSスコープ問題

Question

は、次のコードを考えてみましょう：私はJSLintでこれをチェックすると

function processParagraph(paragraph) { 
    if (paragraph.charAt(0) === '%') { 
     for (var level = 0; paragraph.charAt(level) === '%'; level++) {} 

     return { 
      type: 'h' + level, 
      content: paragraph.slice(level + 1) 
     }; 
    } 

    return { 
     type: 'p' + level, 
     content: paragraph 
    }; 
} 

、それは第二return文でlevelがused out of scope.であることを不平を言います。

なぜですか？ AFAIK、JavaScriptにはレキシカルスコープ/機能スコープがあります。ネストされた関数がないので、コードは完全に有効でなければなりません。または私は何かを逃していますか？

Answer 1

1つの変数は、varを使用して定義されていますが、関数全体に表示されます。

あなたが持っているものは決して定義されていなくても、最終的な返品でlevelを使用します。

私は、関数の先頭に

var level = 0; 

...を入れ、forループでそれを宣言しないでしょう。

Answer 2

おそらく、levelは設定されておらず、他の実行パスに使用されていることを意味します。

Answer 3

JSLintは、Lintであり、単純な構文チェッカーではありません。

ファンクションレベルのスコープは、多くの開発者が慣れていないし、期待しないものです。 JSLintの著者は、ブロックスコープが使用された場合でも互換性があるような方法で変数を宣言するのは良いスタイルだと考えています。