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.