JS Scoping вопрос

Question

Рассмотрим следующий фрагмент кода:

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 
    }; 
} 

Когда я проверить это с JSLint, он жалуется, что level во второй оператор возврата used out of scope..

Но почему? AFAIK, JavaScript имеет лексический охват/область действия. Поскольку нет вложенных функций, код должен быть абсолютно корректным. Или я чего-то не хватает?

Answer 1

Одна переменная определяется с помощью var, она видна для всей функции.

То, что у вас есть, будет использоваться level в конечном возвращении, даже если оно никогда не было определено.

Я бы поставил

var level = 0; 

... в верхней части функции, а не объявлять его в цикл.

Answer 2

Возможно, это означает, что level не установлен, а используется для другого пути выполнения.

Answer 3

JSLint - это Lint, а не простой синтаксический анализатор.

Определение уровня функции - это то, к чему многие разработчики не привыкли и не ожидают. Автор JSLint считает, что хороший стиль - объявлять переменные таким образом, что они все равно будут совместимы, если бы использовалось поле обзора.