JS毒瘤
1. 全局变量
JS中所有的糟糕特性中,最为糟糕的一个就是它对全局变量的依赖。
许多编程语言都有全局变量,JS的问题不仅在于它允许使用全局变量,而在于它依赖全局变量。JS中没有链接器(link
),所有的编译单元都载入一个公共的全局对象中。
2. 作用域
JS没有提供块级作用域,代码块中声明的变量在包含此代码块的函数的任何位置都是可见的。
3. typeof
typeof null ---> 'object'
typeof /a/ ---> 大部分浏览器'object',但有小部分会返回'function'
IE8及更早的版本中,typeof DOM方法返回的是'object'而不是'function'。建议使用in
操作符来检测DOM方法,举例
// 兼容早期版本的IE浏览器
if ('querySelectorAll' in document) {
images = document.querySelectorAll('img');
}
4. parseInt(string
)
parseInt( )是把一个字符串转换为整数的函数。他遇到非数字时就会停止解析。
如果string
第一个字符是0,那么该字符串会基于8进制而不是10进制来求值。在8进制中,0和9都不是数字,所以parseInt('08')
和parseInt('09')
都产生0作为结果。
幸运的是,parseInt('string', radix)
接受一个可选参数radix
,通过该参数可以指定转换的基数。如此一来,parseInt('08', 10)
会返回8。因此,建议使用该方法时,应该总要加上该基数参数。
5. 浮点数
JS中浮点数之间的计算是不准确的,如0.1 + 0.2 不等于 0.3,这是JS中最经常报告的bug。
幸运的是,浮点数中的整数运算时精确的,所以小数表现出来的错误可以通过指定精度来避免。
举例来说,美元可以通过乘以100而全部转换成美分,然后就可以准确地将美分相加,它们的和可以再除以100转换成美元。
6. NaN
NaN是一个特殊的数量值,他表示的不是一个数字,但是
typeof NaN === 'number'
typeof 不能辨别数字和NaN,而且NaN也不等同自己。
判断一个值是否可用作数字的最佳做法是使用isFinite( )
函数,因为它会筛选掉NaN和Infinity。遗憾的是,isFinite( )会试图把它的云算数转换为一个数字,所以值事实上不是一个数字,它就不是一个好的测试。
你可以自己定义一个isNumber函数:
var isNumber = function(value) {
return typeof value === 'number'
&& isFinite(value);
};
7. 数组
JS中没有真正的数组。这也不全是坏事,JS的数组确实非常好用,你不必设置数组的维度,而且它们永远不会产生越界错误。但是它们的性能相比真正的数组可能相当糟糕。
使用typeof
不能辨别出数组和对象。并且由于不同帧或窗口创建的数组的构造函数是不同的,所以使用instanceof
方法来判断一个对象是否为数组也是不可行的。
下面的方法是一种可靠的数组检测方法:
Object.prototype.toString.call(obj) ===
'[object Array]';
arguments
数组不是一个数组,他只是一个有着length
成员属性地对象。上面的检测会分辨出arguments
并不是一个数组。
8. 对象
JS的对象永远不会是真的空对象,因为它们可以从原型链中取得成员属性。