避免这5个JavaScript编码坏习惯，提升代码质量

JavaScript编码常见误区概览

JavaScript在互联网上拥有极高的普及度，其动态特性使其深深嵌入现代Web开发中。尽管学习门槛较低，常被初学者称为“学前脚本语言”，但它对数据类型有着严格的要求。许多开发者在使用时容易陷入误区，导致代码质量不佳。以下列举五个常见错误，帮助你识别并修正自己的JavaScript编码习惯。

未使用命名空间导致全局污染

1. 未使用命名空间

正如老师教导不要在作业中使用全局变量一样，JavaScript中的全局变量使用也需格外谨慎。Web页面中常混杂来自不同来源的脚本库，若随意命名变量（如定义一个名为loader()的函数），极易引发命名冲突。JavaScript不会在函数被意外覆盖时发出警告，这种“学前教育”级别的特性要求开发者必须清楚潜在后果。

function derp(){ alert("one"); }
function derp(){ alert("two"); }
derp();

上述代码执行结果为“two”，但结果也可能为“one”，这取决于加载顺序。为避免此类冲突，应将所有代码封装在自定义命名空间中。以下是一个简单的命名空间定义示例。

var foospace={};
foospace.derp=function(){ alert("one"); }
function derp(){ alert("two"); }
foospace.derp();

变量定义分散与命名随意

2. 变量定义分散且命名随意

你使用莫名其妙的数字字母组合作为变量名是一个双输的结局。在40行的代码块中寻找一个不带任何表意的字符变量，对于维护工作来说简直是场噩梦。把对变量的第一次声明混合到一个40行的代码块里同样也是一场噩梦。即使你自己遇到这样的变量时，你也要不由的问自己：“这是在哪里定义的？”，然后迅速的使用Ctrl+F组合在源代码里寻找这个变量最初定义的位置。不，不要这样，相反，这是对Javascript的滥用，是一种愚蠢的做法。你应该始终把变量定义在它的使用范围的顶部。并不能说因为这不是必须的，你就可以不这样做。

function(){
var a,//description
b; //description
//process…
}

误解JavaScript的变量作用域

3. 误解JavaScript的变量作用域

许多熟悉C++等语言的开发者认为JavaScript的作用域与代码块（花括号）相关，但事实并非如此。JavaScript的作用域是基于函数的。

var herp="one";
{
var herp="two";
}
alert(herp);

在上述代码中，herp的值最终为“two”。JavaScript忽略块级作用域，仅识别函数作用域。每个函数拥有独立的作用域，这使得JavaScript在作用域处理上具有独特性，甚至可以将作用域像命名空间或变量一样传递。

JavaScript面向对象与原型链

4. 误解JavaScript的面向对象特性

JavaScript自诞生起便是面向对象语言，万物皆对象，包括数字和字符串等原始类型也可通过内置构造器转为对象。与Java或C++不同，JavaScript没有“类”的概念，而是通过函数定义对象，且函数本身也是对象。JavaScript内置了prototype属性，允许修改对象构造、添加属性和方法。

var derp; //will hold a Herp instance
var Herp= function(){
this.opinion="Javascript is cooler than BASIC.";
}
Herp.prototype.speak=function(){ alert(this.opinion); }
var derp= new Herp();
derp.speak();

若对上述概念感到陌生，建议查阅相关文档深入学习。面向对象编程是一个宏大主题，此处仅做简要介绍。

滥用new关键字与对象创建规范

5. 滥用“new”关键字

许多开发者对“new”关键字的使用感到困惑。实际上，除非需要实例化特定对象或处理延迟加载数据，否则应尽量避免使用new关键字。在JavaScript中，使用对象字面量创建数组或对象通常比使用new Array()或new Object()更高效。

var rightway= [1, 2, 3];
var wrongway= new Array(1, 2, 3);

回顾前文，JavaScript的作用域基于函数。若不使用new关键字声明对象，该对象可能意外成为全局变量，造成污染。因此，正确使用new关键字不仅符合规范，也能避免潜在的全局变量问题。

var derp="one";
var Herp=function(){
this.derp="two";
}
var foo=Herp();
alert(derp);

若按上述方式编写，JavaScript不会报错，但弹出的结果可能是“two”。虽然可以通过instanceof检查来防止此类行为，但正确使用new关键字是更专业且推荐的做法。

掌握上述要点后，你的JavaScript代码质量将显著提升。个人编码习惯包括：使用3个Tab缩进、用下划线连接单词、函数名首字母大写表示构造函数。当然，编码风格因人而异，欢迎在评论区交流你的观点、建议或反对意见。

特别感谢rogeliorv和Jared Wein指出第五点中存在的错误，你们的指正非常专业。