如何确定变量是“未定义”还是“空”？

本是古典何须时尚 2024-03-30 13:59 60阅读 0赞

## 问： ##

如何确定变量是 undefined 还是 null？

我的代码如下：

var EmpName = $("div#esd-names div#name").attr('class');
    if(EmpName == 'undefined'){
        
      // DO SOMETHING
    };

但如果我这样做，JavaScript 解释器会停止执行。

## 答1: ##

> 保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

您可以使用 abstract equality operator 的特性来执行此操作：

if (variable == null){
        
        // your code here.
    }

因为 null == undefined 为真，所以上面的代码将同时捕获 null 和 undefined。

`我正在尝试测试 Firefox 中的事件是否为空，并且错误会阻止执行：“事件未定义”`

`@MichaelFever 那怎么行不通？将此复制粘贴到您的控制台中：const y = undefined; y == null; 它应该返回 true`

`@ChrisStryczynski 在您的评论示例中，您声明 y 为常量，但您需要比较 abc（不是 y）。当我在 Chrome 和 Firefox 上通过 console.log(y == null); 测试 y 时，我得到了 true。如果您遇到错误，那么您可能尝试使用赋值运算符 = 而不是比较 ==，这将返回错误，因为无法重新分配 const。`

`可能很棘手：undefined !== null --> 真 undefined == null -->真的`

`live example 的相关比较。 lgtm`

## 答2: ##

> huntsbot.com精选全球7大洲远程工作机会，涵盖各领域，帮助想要远程工作的数字游民们能更精准、更高效的找到对方。

同时捕获 null 和 undefined 的标准方法是：

if (variable == null) {
        
         // do something 
    }

– 这 100% 等同于更明确但不太简洁的：

if (variable === undefined || variable === null) {
        
         // do something 
    }

在写专业的 JS 时，理所当然地理解 type equality and the behavior of == vs ===。因此我们使用 == 并且只与 null 进行比较。

再次编辑

建议使用 typeof 的评论完全是错误的。 是的，如果变量不存在，我上面的解决方案将导致 ReferenceError。 这是一件好事。 这个 ReferenceError 是可取的：它会帮助您在发布代码之前发现错误并修复它们，就像其他语言中的编译器错误一样。如果您正在处理您无法控制的输入，请使用 try/catch。

您不应在代码中引用任何未声明的变量。

`如果在代码中根本没有定义或引用变量，这将导致 ReferenceError 并中断执行，使用 typeof 更安全。`

`这更像是一个风格点。如果变量根本没有被声明，那真的只是作者写得不好。您应该知道您的变量是否已被声明，这不应该是一个问题。但是是的，如果由于某种原因是这种情况，则应将其更改为 window.variable 而不仅仅是变量，这不会导致引用错误。应避免使用 typeof。`

`是的，因为您写的是 !== 而不是 !=。`

`-OP：关于这些比较是“100% 等效”的声明是完全错误的，正如您在自己的编辑中指出的那样，第二个将导致 ReferenceError。至于断言：“您的代码中不应引用任何未声明的变量。”真的吗？听说过可选参数吗？ jsfiddle.net/3xnbxfsu`

`@TimothyKanski 可选参数如果未提供可选参数，则可能未定义，但它们绝对是声明的变量。它们被声明并具有 undefined 的值，就像任何已声明但未初始化的变量一样，即 var someVar;，因此您的论点并没有真正成立`

## 答3: ##

> 打造属于自己的副业，开启自由职业之旅，从huntsbot.com开始!

结合以上答案，似乎最完整的答案是：

if( typeof variable === 'undefined' || variable === null ){
        
        // Do stuff
    }

这应该适用于任何未声明或已声明并显式设置为 null 或未定义的变量。对于具有实际非空值的任何已声明变量，布尔表达式的计算结果应为 false。

`@Aerovistae 我认识到 typeof 是一个运算符，而不是一个函数，所以它不需要括号，但我仍然很欣赏括号 - 只是为了阅读清晰。`

`直接检查 if(variable===undefined) 而不是使用 typeof 怎么样？`

`@ArjunU 如果未声明变量，将导致 ReferenceError 。如果您不知道是否声明了变量，请使用上述解决方案。如果您可以保证至少声明了变量，则可以使用 variable == null`

`这是一个更好的解决方案，因为正如@Rogue 指出的那样，变量可能不会被声明。`

`如果我错了，请纠正我，但第一个条件不是第二个的超集，因此第二个条件是多余的吗？`

## 答4: ##

> 打造属于自己的副业，开启自由职业之旅，从huntsbot.com开始!

if (variable == null) {
        
        // Do stuff, will only match null or undefined, this won't match false
    }

`万一有人认为这是另一个半答案，这确实有效。 undefined 等于 null。`

`在 chrome 控制台中对我失败... ReferenceError：变量未定义，因此它可能有效，但不适合我...`

`它仅适用于已声明的变量，而不适用于可能声明或未声明的变量，这种情况很少见。 （对于这种情况，您需要使用 typeof + null 检查）`

`只需 figured out，您就可以在 JS 文档或函数的顶部添加以下注释：/*jshint eqnull:true */，JSHint 将停止警告您使用 == null。`

`@Aerovistae 您能否指出一个明确指出 == 已损坏的参考资料。这个答案中的强制 if(variable == null) 对我来说完全有意义......`

## 答5: ##

> huntsbot.com – 程序员副业首选，一站式外包任务、远程工作、创意产品分享订阅平台。

if (typeof EmpName != 'undefined' && EmpName) {

如果 value 不是，将评估为 true：

无效的

不明确的

钠

空字符串 (“”)

错误的

`我认为这是一种危险的技术，已经像野火一样蔓延开来。因为许多检查的变量可能是布尔值或数字。所以如果用户不完全理解后果，这是没有好处的。`

`请提供此 javascript especification 的参考`

`这与 if (EmpName) 相同。如果它是 undefined 就已经是假的了。`

`如果变量未定义。那么 if(EmpName) 会抛出错误`

`@Thamaraiselvam 我认为鲁迪可能是这个意思var EmpName; if (EmpName)。变量已定义但未分配值的位置。`

## 答6: ##

> HuntsBot周刊–不定时分享成功产品案例，学习他们如何成功建立自己的副业–huntsbot.com

可能最短的方法是：

if(EmpName == null) {
         /* DO SOMETHING */ };

这是证据：

函数检查（EmpName）\{如果（EmpName == null）\{返回真； \};返回假； \} var log = (t,a) => console.log(`${t} -> ${check(a)}`);日志（‘空’，空）；日志（‘未定义’，未定义）；日志（‘NaN’，NaN）；日志（‘””’， ””）;日志（‘\{\}’， \{\}）;日志（‘\[\]’， \[\]）;日志(‘\[1\]’, \[1\]);日志(‘\[0\]’, \[0\]);日志（‘\[\[\]\]’， \[\[\]\]）;日志（‘真’，真）；日志（‘假’，假）；日志（‘“真”’，“真”）；日志(‘“假”’, “假”);日志（‘无穷大’，无穷大）； log(‘-无穷大’, -无穷大);日志（‘1’，1）；日志（‘0’，0）；日志（‘-1’，-1）；日志(‘“1”’, “1”);日志(‘“0”’, “0”);日志(‘“-1”’, “-1”); // “void 0” case console.log(‘—\\n"true" is:’, true); console.log(‘“void 0” is:’, void 0);日志（无效 0，无效 0）； // “void 0”是“未定义”

以下是有关 == 的更多详细信息（来源 here）

https://i.stack.imgur.com/nkpj6.png

奖励：=== 比 == 更清晰的原因（查看 agc answer）

https://i.stack.imgur.com/7MeG6.png

`谢谢你，很好的答案！像 if(var) 或 if(!var) 这样的表达式呢？`

`@IceFire 示例差异：if(var)/if(!var) 将为值 true/false 执行代码。 var 的那些值的 if(var == null) 永远不会执行代码...`

`好吧，这很简单，但是上面的矩阵之一也可以用来检查 if 表达式为不同的值产生什么吗？`

`@IceFire 在我的回答中有指向此图片来源的链接-那里还有 if 语句“矩阵”`

## 答7: ##

> huntsbot.com汇聚了国内外优秀的初创产品创意，可按收入、分类等筛选，希望这些产品与实践经验能给您带来灵感。

jQuery attr() 函数返回一个空白字符串或实际值（从不返回 null 或 undefined）。它返回 undefined 的唯一时间是您的选择器没有返回任何元素。

因此，您可能希望针对空白字符串进行测试。或者，由于空白字符串、null 和 undefined 是 false-y，您可以这样做：

if (!EmpName) {
         //do something }

`Chrome 17.0.963.78 m 给出了这个错误：ReferenceError: EmpName is not defined`

`@EranMedan 我知道这已经很晚了，但希望它会帮助以后来这里的人。您收到错误的原因是因为它根本没有被声明。通常你会将 EmpName（或其他一些变量）传递给一个函数，或者另一个函数的返回值并因此声明（例如：“var x;”）。要测试它是否返回 undefined、null 或空白字符串，您可以使用上述解决方案。`

`我意识到这是一个很冷的问题，但是如果元素上不存在该属性，jQuery 将返回 undefined （不仅仅是如果选择器没有匹配的元素，根据答案）。例如，没有 src 的 img 将为 $('img').attr('src'); 返回 undefined`

## 答8: ##

> 保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

编辑的答案：在我看来，你不应该使用我下面的旧答案中的功能。相反，您可能应该知道变量的类型并直接使用根据检查（例如，想知道数组是否为空？只需执行 if(arr.length===0)\{\} 等）。这个答案甚至没有回答 OP 的问题。

我来为此编写自己的函数。 JavaScript 很奇怪。

它几乎可以用于任何东西。 （请注意，这还会检查变量是否包含任何可用值。但由于通常还需要此信息，我认为值得发布）。请考虑留下便条。

TypeScript 兼容。

这个函数应该完全做与 PHP 的 empty() function 相同的事情（参见 RETURN VALUES）

将 undefined、null、false、0、0.0、“0” \{\}、\[\] 视为空。

“0.0”、NaN、" "、true 被视为非空。

`我遇到了一个小空值检查问题。我想检查传递的参数是否为空或空对象 { }。这是一个常见且愚蠢的语言问题，但我忘记了。我所有的搜索都显示了未定义空值或松散相等比较 ( == ) 的答案，但不显示严格相等 ( === ) 或等效的答案。然后在页面最底部的 -1 排名答案中（在我投票之前）是我无法理解的答案。 Object.keys( obj ).length < 1 或者可能 === 0，假设它永远不会是 -1。无论如何，投票给0，哇。 :p`

`谢谢，我已经能够删除这个函数并清理很多代码。为什么这不是标准的 JS 函数超出了我的理解。`

`您应该在此处将您的 == 的 all 更改为 ===，那么这将是一个合理的功能。`

## 答9: ##

> huntsbot.com – 高效赚钱，自由工作

最短和最简单的：

if(!EmpName ){
        
     // DO SOMETHING
    }

如果 EmpName 是，这将评估 true：

无效的

不明确的

钠

空的

细绳 （””）

错误的

`这里的用例是我想知道 undefined 和 false 之间的区别。然后我将使用对 null 的检查。`

## 答10: ##

> huntsbot.com汇聚了国内外优秀的初创产品创意，可按收入、分类等筛选，希望这些产品与实践经验能给您带来灵感。

如果要检查的变量是全局变量，请执行

if (window.yourVarName) {
        
        // Your code here
    }

即使 yourVarName 变量不存在，这种检查方式也不会引发错误。

示例：我想知道我的浏览器是否支持 History API

if (window.history) {
        
        history.back();
    }

这是如何工作的：

window 是一个将所有全局变量作为其属性的对象，在 JavaScript 中，尝试访问不存在的对象属性是合法的。如果 history 不存在，则 window.history 返回 undefined。 undefined 是错误的，因此 if(undefined)\{\} 块中的代码不会运行。

`读者应该注意，这样的方法用于检查 - 从浏览器中运行的 JavaScript - 是否已声明 global 变量，尤其是浏览器提供的全局（如历史 API）是否已声明可用的。它将不起作用来检查非全局变量是 null 还是 undefined，如果您的 JavaScript 在浏览器之外运行（即在 Node.js 中），它也不起作用。它还会将设置为 0、false 或 '' 的全局变量与未声明或 undefined 或 null 的全局变量相同，这通常很好。`

`这假定脚本在浏览器中运行。这不是给定的。`

## 答11: ##

> huntsbot.com聚合了超过10+全球外包任务平台的外包需求，寻找外包任务与机会变的简单与高效。

在 JavaScript 中，据我所知，我们可以检查一个未定义的、空的或空的变量，如下所示。

if (variable === undefined){
        
    }
    
    if (variable === null){
        
    }
    
    if (variable === ''){
        
    }

检查所有条件：

if(variable === undefined || variable === null || variable === ''){
        
    }

> huntsbot.com汇聚了国内外优秀的初创产品创意，可按收入、分类等筛选，希望这些产品与实践经验能给您带来灵感。

`var 是保留字，这将抛出 SyntaxError`

`@dhilt 从 var 到 variable 实现`

原文链接：[https://www.huntsbot.com/qa/eR8W/how-can-i-determine-if-a-variable-is-undefined-or-null?lang=zh\_CN&from=csdn][https_www.huntsbot.com_qa_eR8W_how-can-i-determine-if-a-variable-is-undefined-or-null_lang_zh_CN_from_csdn]

> 与HuntsBot一起，探索全球自由职业机会–huntsbot.com

[https_www.huntsbot.com_qa_eR8W_how-can-i-determine-if-a-variable-is-undefined-or-null_lang_zh_CN_from_csdn]: https://www.huntsbot.com/qa/eR8W/how-can-i-determine-if-a-variable-is-undefined-or-null?lang=zh_CN&from=csdn