无需定义变量两次

Question

如果可以在函数中定义变量，即使没有赋值，它也会变为局部变量

那么， testB（）更好的编程吗？

var test = 'SNAP!'
function testA(boolean) {
    if (boolean) var test = 'OK';
    else var test = null;
    alert(test);
}
function testB(boolean) {
    if (boolean) var test = 'OK';
    alert(test);
}
testA(true); // 'OK'
testB(true); // 'OK'
testA(false); // null
testB(false); // undefined, no error

在我的特定情况下，测试的全局值（'SNAP！'）既不是预期也不是必需的。

Answer 1

您无法有条件地声明变量。

为什么？

变量实例化过程发生在实际代码执行之前 ，在执行函数时，这些变量已经绑定到本地范围，例如：

function foo () {
  if (false) {
    var test = 'foo'; // never executed
  }
  return test;
}
foo(); // undefined

当函数即将被执行时，形式参数的标识符，来自变量声明的标识符和函数体内函数声明的标识符被绑定到局部变量环境。

变量初始化为undefined 。

此外，在局部范围内标识阴影别人使用相同的名称，在较高的范围链，例如：

var test = 'global';
function bar () {
  alert(test); // undefined, not "global", the local variable already declared
  var test = 'xxx';
}
bar();

如果test变量未在任何地方声明，则抛出ReferenceError ：

function foo () {
  return test;
}

try {
  foo(); // ReferenceError!!
} catch (e) {
  alert(e);
}

这就是为什么例如JSLint建议在函数顶部只有一个var语句的原因之一 ，因为例如，第一个片段在执行时实际上类似于：

function foo () {
  var test; // var statement was "hoisted"
  if (false) {
    test = 'foo'; // never executed
  }
  return test;
}
foo(); // undefined

另一个原因是因为块不引入新的词法范围，只有函数执行它，因此在外观中使用var语句可能会让您认为变量的生命周期仅限于该块，但事实并非如此。

嵌套函数声明将具有类似的提升行为，它们将在代码执行之前声明，但它们也在那一刻初始化：

function foo () {
  return typeof bar;
  // unreachable code:
  function bar() {
    //..
  }
}
foo(); // "function"

Answer 2

如果变量不需要被任何其他函数操纵 ，请将变量保存在具有var foo;的函数内var foo; 。

否则，如果确实需要在多个范围内访问和读取 ，请将其保留在外部。 但要记住，当你把它放在外面时，它会变得全球化。 也就是说，除非您将所有内容都包装在自执行函数中，这是最好的方法：

(function() {
   var president='bush';

   function blah() {
     president='reagan';
   }

   function meh() {
     president= 'carter';
   }

   document.getElementById('reagan').onclick=blah;
   document.getElementById('carter').onclick=meh;


})();

alert( president ) // undefined

以上内容非常适合由该范围内定义的函数访问的变量。 由于我点击了2个元素来设置总统，因此在两个函数之外定义它是有意义的，因为它们设置了相同的变量。

因此，如果您没有处理更改完全相同变量的多个函数，请将它们保留在函数的本地。

Answer 3

testB更好的编程吗？ 不，因为它给出了“未定义”的意外结果（至少，我对此感到惊讶）并且很难阅读。

通常，变量应限于需要它们的范围，因此如果函数外部不需要“test”变量，则应将其声明为local。 为避免混淆，请在使用前声明变量：

function testC(boolean) {
    var test;
    if (boolean) {
        test = "OK";
    }
    else {
        test = null;
    }
    alert(test);
}

除非你真的想要更改“test”的全局范围版本，否则在这种情况下不要在函数内部使用var关键字。

如果您发现自己对局部变量和全局变量使用相同的名称，则可以考虑重命名其中一个变量。