Один var на функцию в JavaScript?

Проблема в том, понимаете вы это или нет, но javascript незаметно перемещает все объявления var в верхнюю часть области видимости функции.

так что если у вас есть такая функция

var i = 5;
function testvar () {
     alert(i);
     var i=3;
}
testvar();

окно предупреждения будет содержать неопределенное значение. потому что внутри он был изменен на это:

var i = 5;
function testvar () {
     var i;
     alert(i);
     i=3;
}
testvar();

это называется «подъем». Причина, по которой Крокфорд так настоятельно рекомендует, чтобы объявления var располагались наверху, заключается в том, что это заставляет код явно соответствовать тому, что он собирается делать, вместо того, чтобы допускать невидимое и неожиданное поведение.

В основном в блоках JavaScript ({ ... }) не вводят новую область видимости, есть только область видимости функции, поэтому никакая область не создается ни для одного другого оператора.

Переменная, введенная в любом месте функции, видна везде в функции.

Например:

function myFunction(){
  var one = 1;

  if (one){
    var two = one + 1;
  }

  (function () {
    var three = one + two;
  })();

  // at this point both variables *one* and *two* are accessible but 
  // the variable *three* was declared in the scope of a inner function
  // and is not accessible  at this point.
}

В языках с областью видимости блока рекомендуется объявлять переменные в точке первого использования, но поскольку JavaScript не имеет области видимости блока, лучше объявить все переменные функции в верхней части функции.

Прочтите эту статью.

Отсутствие области видимости блока объясняет приведенный ниже код:

var a = 1;
if (something) {
    var a = 2;
}

alert(a); // Alerts "2"

В большинстве языков C-стиля (как и в синтаксисе) определение var a = 2 будет определять 'a' только для области видимости блока if. Использование единственного оператора var в верхней части функции помогает избежать этой странности Javascript, которая не всегда так очевидна, как приведенная выше, и была бы неожиданной для программистов C / C # / Java.

Да, это означает, что вы объявляете все переменные в начале функции. Выбирайте, хотите ли вы сделать это одной или несколькими строками.

Причина объяснена в упомянутом вами абзаце. Переменные Javascript имеют только область функционального уровня. Если вы объявите ту же переменную внутри блока if / while / for, она будет перезаписана новым значением, поскольку блок не имеет новой области видимости. Это отличается от таких языков, как Java. Чтобы избежать таких сюрпризов, объявите все переменные, которые вы собираетесь использовать в функции, в начале функции, чтобы случайно не «повторно объявить» и все такое.