js中undefined该怎么判断浅析

 更新时间:2023年04月26日 08:39:16   作者:历史老师-  
可能很多朋友认为undefined是在js中未定义变量时才会提示的错误,其实不然undefined 是js中的一特殊的变量,我们也可以提前定义哦,下面这篇文章主要给大家介绍了关于js中undefined该怎么判断的相关资料,需要的朋友可以参考下

一、js中导致undefined的几种情况:

1、变量声明过但没有赋值;

2、获取对象中不存在的属性时;

3、函数需要实参,但是调用时没有传参,形参是undefined;

4、函数调用没有返回值或者return后没有数据,接受函数返回的变量是undefined

二、判断undefined的时候,我会直接这样使用

let nothing;
if (typeof nothing === 'undefined') {
 }

三、如何避免错误

1、使用let、const,弃用var

2、访问不存在的属性时不会出错,而从不存在的属性值获取数据时才出现真正的问题。所以取用时要先判断是否存在。

如何检查属性是否存在

(1) obj.prop !== undefined :直接与undefined进行比较

(2) typeof obj.prop !== ’undefined':验证属性值类型

(3) obj.hasOwnproperty('prop'): 验证对象是否具有自己的属性

(4) ‘prop' in obj:验证对象是否具有自己的属性或继承属性

补充:判断undefined需要用到typeof()方法

typeof的返回值
    typeof运算符的返回类型为字符串,值包括如下几种:

        1. 'undefined'              --未定义的变量或值

        2. 'boolean'                 --布尔类型的变量或值

        3. 'string'                     --字符串类型的变量或值

        4. 'number'                  --数字类型的变量或值

        5. 'object'                    --对象类型的变量或值,或者null(这个是js历史遗留问题,将null作为object类型处理)

        6. 'function'                 --函数类型的变量或值

总结

到此这篇关于js中undefined该怎么判断的文章就介绍到这了,更多相关js中undefined判断内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS实现表单中checkbox对勾选中增加边框显示效果

    JS实现表单中checkbox对勾选中增加边框显示效果

    这篇文章主要介绍了JS实现表单中checkbox对勾选中增加边框显示效果,可实现点击后图片增加边框及勾选的功能,非常简洁实用,需要的朋友可以参考下
    2015-08-08
  • JS实现的Select三级下拉菜单代码

    JS实现的Select三级下拉菜单代码

    这篇文章主要介绍了JS实现的Select三级下拉菜单,涉及javascript动态创建下拉列表的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • 微信小程序云开发之使用云数据库

    微信小程序云开发之使用云数据库

    这篇文章主要为大家详细介绍了微信小程序云开发之使用云数据库,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • JS关闭窗口时产生的事件及用法示例

    JS关闭窗口时产生的事件及用法示例

    这篇文章主要介绍了JS关闭窗口时产生的事件及用法,结合关闭窗口时提交评论的实例分析了javascript事件触发机制及遮罩层实现技巧,需要的朋友可以参考下
    2016-08-08
  • uni-app实现微信小程序长按拍视频功能

    uni-app实现微信小程序长按拍视频功能

    这篇文章主要为大家详细介绍了uni-app实现微信小程序长按拍视频功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 关于TypeScript应该尽量避免的语法总结

    关于TypeScript应该尽量避免的语法总结

    TypeScript是JavaScript的超集,具有类型系统,支持ES6语法,支持面向对象编程的概念,下面这篇文章主要给大家介绍了关于TypeScript应该尽量避免的语法,需要的朋友可以参考下
    2022-04-04
  • Javascript将数字转化成为货币格式字符串

    Javascript将数字转化成为货币格式字符串

    这篇文章主要介绍Javascript将数字转化成为货币格式字符串的方法,通俗易懂,需要的朋友可以参考下。
    2016-06-06
  • JavaScript6 let 新语法优势介绍

    JavaScript6 let 新语法优势介绍

    这篇文章主要介绍了JavaScript6 let 新语法优势介绍的相关资料,需要的朋友可以参考下
    2016-07-07
  • JavaScript中的 new 命令

    JavaScript中的 new 命令

    这篇文章主要介绍了JavaScript中的new 命令,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • 关于javascript中this关键字(翻译+自我理解)

    关于javascript中this关键字(翻译+自我理解)

    在传统面向对象语言中,this关键字是个很乖的小孩,从不乱跑,该是谁的就是谁的。可是在JavaScript中,我们发现它不那么乖,有时甚至把我们搞的晕头转向的。所以有必要对它稍微做个总结。
    2010-10-10

最新评论