JavaScript規範之變量

特別說明：轉載與網絡：https://github.com/adamlu/javascript-style-guide

• 總是使用 var 來聲明變量，如果不這麼做將導致產生全局變量，我們要避免污染全局命名空間。

  // bad
  superPower = new SuperPower();
  
  // good
  var superPower = new SuperPower();
  

• 使用一個 var 以及新行聲明多個變量，縮進4個空格。

  // bad
  var items = getItems();
  var goSportsTeam = true;
  var dragonball = 'z';
  
  // good
  var items = getItems(),
      goSportsTeam = true,
      dragonball = 'z';
  

• 最後再聲明未賦值的變量，當以後你想給一個依賴之前已賦值變量的變量時很有用。

  // bad
  var i, len, dragonball,
      items = getItems(),
      goSportsTeam = true;
  
  // bad
  var i, items = getItems(),
      dragonball,
      goSportsTeam = true,
      len;
  
  // good
  var items = getItems(),
      goSportsTeam = true,
      dragonball,
      length,
      i;
  

• 在作用域頂部聲明變量，避免變量聲明和賦值引起的相關問題。

  // bad
  function() {
    test();
    console.log('doing stuff..');
  
    //..other stuff..
  
    var name = getName();
  
    if (name === 'test') {
      return false;
    }
  
    return name;
  }
  
  // good
  function() {
    var name = getName();
  
    test();
    console.log('doing stuff..');
  
    //..other stuff..
  
    if (name === 'test') {
      return false;
    }
  
    return name;
  }
  
  // bad
  function() {
    var name = getName();
  
    if (!arguments.length) {
      return false;
    }
  
    return true;
  }
  
  // good
  function() {
    if (!arguments.length) {
      return false;
    }
  
    var name = getName();
  
    return true;
  }