JavaScript 常見錯誤

1. 嚴格縮進

• JavaScript 會自動添加句末的分號，致使一些難以察覺的錯誤
  

  • return
    {
        key: value
    };
    
    // 至關於
    return;
    {
        key: value
    };

     

2. 括號前的空格

 

• 表示函數調用時，函數名與左括號之間沒有空格。    foo()
• 表示函數定義時，函數名與左括號之間沒有空格。     Function foo(){}
• 其餘狀況時，前面位置的語法元素與左括號之間，都有一個空格。    if  (){}

 

3. 無論掃描語句，寫分號總比不寫好。

• 使用了分號，並不會出錯。由於，解釋引擎會把這個分號解釋爲空語句。
• 若是沒有使用分號，大多數狀況下，JavaScript 會自動添加。——稱爲 「分號的自動添加」（Automatic Semicolon Insertion，簡稱 ASI）

 

4. 全局變量對於任何一個代碼塊，都是可讀可寫。這對代碼的模塊化和重複使用，很是不利

• 建議避免使用全局變量。若是不得不使用，能夠考慮用大寫字母表示變量名，這樣更容易看出這是全局變量，好比UPPER_CASE
  

 

5. 全部函數都應該在使用以前定義

 

6. 函數內部的變量聲明，都應該放在函數的頭部

 

7. 不要使用with語句

 

8. switch...case結構能夠用對象結構代替

• function doAction(action) {
      var actions = {
          'hack': function () {
              return 'hack';
          },
          'slash': function () {
              return 'slash';
          },
          'run': function () {
              return 'run';
          }
      };
  
      if (typeof actions[action] !== 'function') {
          throw new Error('Invalid action.');
      }
  
      return actions[action]();
  }

   

9.