今天在写代码的时候发现一个很容易出错的地方。当我们在声明变量时，常常会因为不同的browser 有不同的API 定义，然后用以下的写法来判断哪一个属性，例如：
复制代码代码如下:var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement || document.fullscreenElement;
用||来检查要用哪一个attribute。
不过要小心javascript 的值当成条件时的判断。
例如：
复制代码代码如下:var sLeft = window.screenLeft || window.screenX; //firefox use screenX
console.log(sLeft);
这段代码希望screenLeft 会回传window.screenLeft ，而在firefox 会回传window.screenX。
但是如果screenLeft 刚好等于0 的时候，就会进入||之后的条件了，接着就gg 了。
因此建议在值的判断还是正统一点用hasOwnProperty 或typeof 来判断会比较精。
复制代码代码如下:var sLeft = window.screenLeft;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;