我们经常在JavaScript代码中使用以下代码模式
if (typeof(some_variable) != 'undefined' && some_variable != null)
{
// Do something with some_variable
}
是否有一种不那么冗长的检查方法具有相同的效果?
根据一些论坛和文献，简单地说下面应该有同样的效果。
if (some_variable)
{
// Do something with some_variable
}
不幸的是，当some_variable未定义时，Firebug在运行时将这样的语句计算为错误，而第一个语句对它来说很好。这仅仅是Firebug的一种(不必要的)行为，还是这两种方式之间真的有一些区别?
当前回答
我用过这个方法
将id保存在某个变量中
var someVariable = document.getElementById("someId");
然后使用if条件
if(someVariable === ""){
//logic
} else if(someVariable !== ""){
//logic
}
其他回答
你可以检查变量是否有值。的含义,
if( myVariable ) {
//mayVariable is not :
//null
//undefined
//NaN
//empty string ("")
//0
//false
}
如果您不知道一个变量是否存在(也就是说，它是否声明过)，您应该使用typeof操作符进行检查。如。
if( typeof myVariable !== 'undefined' ) {
// myVariable will get resolved and it is defined
}
如果您试图引用一个未声明的变量，那么在所有JavaScript实现中都会抛出一个错误。
对象的属性不受相同条件的约束。如果未定义对象属性，则在尝试访问它时不会抛出错误。在这种情况下，你可以缩短:
if (typeof(myObj.some_property) != "undefined" && myObj.some_property != null)
to
if (myObj.some_property != null)
考虑到这一点，以及全局变量可以作为全局对象(浏览器中的窗口)的属性访问的事实，你可以对全局变量使用以下方法:
if (window.some_variable != null) {
// Do something with some_variable
}
在局部作用域中，确保变量在代码块的顶部声明总是有用的，这将节省重复使用typeof。
首先，你必须清楚你要测试什么。JavaScript有各种各样的隐式转换会让您出错，还有两种不同类型的相等比较器:==和===。
测试null或未定义的函数test(val)应具有以下特征:
test(null) => true
test(undefined) => true
test(0) => false
test(1) => false
test(true) => false
test(false) => false
test('s') => false
test([]) => false
让我们来看看哪些想法实际上通过了我们的测试。
这些工作:
val == null
val === null || val === undefined
typeof(val) == 'undefined' || val == null
typeof(val) === 'undefined' || val === null
这些都不起作用:
typeof(val) === 'undefined'
!!val
我创建了一个jsperf条目来比较这些方法的正确性和性能。目前的结果还不确定，因为在不同的浏览器/平台上还没有足够的运行。请花一分钟在你的电脑上运行测试!
目前，简单的val == null测试似乎提供了最好的性能。它也是最短的。如果您想要补码，测试可以被反求为val != null。
这是唯一需要使用==和!=的情况:
if (val == null) console.log('val is null or undefined')
if (val != null) console.log('val is neither null nor undefined')
对于任何其他比较，应该使用严格比较符(===和!==)。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness https://2ality.com/2011/12/strict-equality-exemptions.html
在ES5或ES6中，如果你需要多次检查，你可以这样做:
Const excluded = [null, undefined， "]; if (! exclude .includes(varToCheck) { //它将不是null，不是undefined，不是void字符串 ｝
