这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分。如果掌握了某些细节也许会对代码的改善有着非凡的作用。也许会使我们的代码更严谨,更高效。
1.if语句的条件
if条件中,括号里是布尔类型的表达式,但你真的了解什么时候是真值,什么时候是假值吗?
下列值被当做假(false):
false;null;undefined;空字符串'';数字0;数字NaN
其它的值都被当做真,包括true、字符串"false",以及所有的对象。
2.逻辑运算符
我们都知道,关于逻辑运算符&&是并、||是或。很多人还可以指出JAVA中,&和|是不短路的。但你真的了解JS中的&&和||的运算规则吗?
&&:如果第一个表达式的值为假,那么运算符&&产生它的第一个表达式的值,否则产生第二个表达式的值。
||:如果第一个表达式的值为真,那么运算符||产生第一个表达式的值,否则产生第二个表达式的值。
那么,大家可以猜到下面的代码的输出了吧。
var str = "abc"; alert(true && str); // abc
这可以引申为:当我们尝试从undefined中获得属性时将导致TypeError异常,页面会提示“属性不存在”。但我们使用如下代码就可以避免。
var obj = { name:"someone", propoty:{ higth:100, width:200 } } alert(obj.propoty.higth); // 100 alert(obj.other); // undefined alert(obj.other.higth); // TypeError alert(obj.other && obj.other.higth); // undefined
要知道,出现TypeError浏览器是要报错的,而返回undefined是一个值,不会影响程序流程,这对客户来说是非常重要的。
3.typeof运算符
typeof运算符产生的值有'number'、'string'、'boolean'、'undefined'、'function'和'object'。但这里有一个陷阱:如果是一个数组或null,那么结果是'object'。如
alert(typeof null); // object
4.==与===
在我遇到的几乎所有的JS代码中,使用的都是==(恕我见识短浅)。很遗憾,这是有缺陷的。
===和!==会按照你期望的方式工作,如果两边表达式的结果类型一致且拥有相同的值,那么===返回true,!==返回false。但对于==和!=只有在类型一致的时候才会做出正确的判断。如果两边的表达式的结果类型不一直,它们会去做强制类型转换。转换的规则非常复杂,具体可以去搜索相关详述。如下一些例子:
alert('' == '0'); // false alert(0 == ''); // true alert(0 == '0'); // true alert(false == 'false'); // false alert(false == '0'); // true alert(false == undefined); // false alert(false == null); // false alert(null == undefined); // true alert(' \t\r\n ' == 0); // true
以上如果使用===,结果都是false。
注:以上部分例子参考《JavaScript语言精粹》一书。