开发者最容易犯的13个JavaScript错误.docVIP

开发者最容易犯的13个JavaScript错误 开发者最容易犯的JavaScript错误，总结出13个。这些当中可能少不了你犯的错误。我们描述了这些陋习，并列出来解决办法，希望对开发者有帮助。 1.for..in数组迭代的用法 Usage of for..in to iterate Arrays 举例： var?myArray?=?[?“a”,?“b”,?“c”?]; ? var?totalElements?=?myArray.length; ? for?(var?i?=?0;?i??totalElements;?i++)?{ ? console.log(myArray[i]); ? } ? 这里主要的问题是语句中的“for..in”不能保证顺序，这意味着你将获得不同的执行结果。此外，如果有人增加一些其他自定义功能的函数Array.prototype，你的循环将重复遍历这些函数，就像原数组项。 解决办法：一直使用规则的for..in循环来遍历数组。 var?myArray?=?[?“a”,?“b”,?“c”?]; ? for?(var?i=0;?imyArray.length;?i++)?{ ? console.log(myArray[i]); ? } ? 2.Array dimensions 举例 var?myArray?=?new?Array(10);? 第二个问题是开发者使用数组构成器来创建数组，技术上是正确的，然而会比文字符号（literal notation）。 解决办法：使用文字符号来初始化数组，不要预定义数组长度。 var myArray = []; 3.Undefined properties 举例： var?myObject?=?{ ? ????someProperty:?“value”, ? ????someOtherProperty:?undefined ? }? 未定义属性，将在对象中创建元素（键‘someOtherProperty’和值‘undefined’.）。如果你遍历数组，检测已存在的元素，那么下面的语句将都返回“未定义/undefined” typeof?myObject[someOtherProperty]?//?undefined ? typeof?myObject[unknownProperty]?//?undefined ? 解决办法：如果你想明确声明对象中的未初始化的属性，标记它们为Null。 var?myObject?=?{ ? someProperty:?“value”, ? someOtherProperty:?null ? }? 4.Misuse of Closures 举例： function(a,?b,?c)?{ ? var?d?=?10; ? var?element?=?document.getElementById(‘myID’); ? element.onclick?=?(function(a,?b,?c,?d)?{ ? return?function()?{ ? alert?(a?+?b?+?c?+?d); ? } ? })(a,?b,?c,?d); ? } ? 这里开发者使用两个函数来传递参数a、b、c到onclick handler。双函数根本不需要，徒增代码的复杂性。 变量abc已经在局部函数中被定义，因为他们已经在主函数中作为参数被声明。局部函数中的任何函数都可创建主函数中定义的所有变量的闭包。因此不需要再次传递它们。 看看这里JavaScript Closures FAQ 了解更多。 解决办法：使用闭合来简化代码。 function?(a,?b,?c)?{ ? var?d?=?10; ? var?element?=?document.getElementById(‘myID’); ? element.onclick?=?function()?{ ? //a,?b,?and?c?come?from?the?outer?function?arguments. ? //d?come?from?the?outer?function?variable?declarations. ? //and?all?of?them?are?in?my?closure ? alert?(a?+?b?+?c?+?d); ? }; ? } ? 5.Closures in loops 举例： var?elements?=?document.getElementByTagName(‘div’); ? for?(var?i?=?0;?ielements.length;?i++)?{ ? elements[i].onclick?=?function()?{ ? alert(“Div?numb