JS 解决Cannot set properties of undefined的问题

 更新时间:2024年01月09日 14:37:39   作者:孟秋没Bug  
遇到这样问题当前的是当前对象或者数组是undefined,但是却用来引用属性或者索引,遇到这样的问题如何解决呢,下面通过本文给大家介绍JS 如何解决Cannot set properties of undefined,需要的朋友可以参考下

TypeError: Cannot set properties of undefined
类型错误:无法设置未定义的属性

问题解析

当前的是当前对象或者数组是undefined,但是却用来引用属性或者索引

比如下面两种情况

const value = undefined
value.a  // TypeError: Cannot read properties of undefined (reading 'a')
value[0]  // TypeError: Cannot read properties of undefined (reading '0')

或者是当前的value值不是我们显式声明的undefined,而是运算之后得到undefined,之后我们再去用它

const value = {}
value.a.b // TypeError: Cannot read properties of undefined (reading 'b')
value.a  // undefined

解决方案

问题清楚了, 解决的方式就是不用undefined直接去应用对象,解决报错问题可以用以下方法

const value = undefined
//解决方法1: if条件
if(value){
  value = {}
	value.a
}
// 解决方法2:?运算符
value?.a
// 解决方法3:||运算符
const preValue = value || {}
preValue.a

到此这篇关于JS 如何解决Cannot set properties of undefined的文章就介绍到这了,更多相关js解决 Cannot set properties of undefined内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript中的包装对象介绍

    JavaScript中的包装对象介绍

    这篇文章主要介绍了JavaScript中的包装对象介绍,存取字符串、数字、或布尔值的属性时创建的临时对象称作包装对象,本文着重讲解了什么是包装对象,需要的朋友可以参考下
    2015-01-01
  • JavaScript 异步调用框架 (Part 1 - 问题 & 场景)

    JavaScript 异步调用框架 (Part 1 - 问题 & 场景)

    在Ajax应用中,调用XMLHttpRequest是很常见的情况。特别是以客户端为中心的Ajax应用,各种需要从服务器端获取数据的操作都通过XHR异步调用完成。
    2009-08-08
  • Div+CSS+JS树型菜单,可刷新

    Div+CSS+JS树型菜单,可刷新

    Div+CSS+JS树型菜单,可刷新...
    2006-07-07
  • javascript打印大全(打印页面设置/打印预览代码)

    javascript打印大全(打印页面设置/打印预览代码)

    打印页面设置,打印页面预览在打印过程中经常会遇到,网上搜集整理了一些实用的打印方法与大家分享,感兴趣的朋友可以了解下哈
    2013-03-03
  • 使用cookie绕过验证码登录的实现代码

    使用cookie绕过验证码登录的实现代码

    本文通过实例代码给大家详细介绍了使用cookie绕过验证码登录的实现方法,需要的朋友参考下吧
    2017-10-10
  • 微信小程序 点击控件后选中其它反选实例详解

    微信小程序 点击控件后选中其它反选实例详解

    这篇文章主要介绍了微信小程序 点击控件后选中其它反选实例详解的相关资料,需要的朋友可以参考下
    2017-02-02
  • 12306验证码破解思路分享

    12306验证码破解思路分享

    本文给大家分享的是个人对于12306的新的验证码系统的破解思路,仅仅是思路,还没进行实地验证,推荐给大家,抛砖引玉吧。
    2015-03-03
  • ios中视频的最后一桢问题解决

    ios中视频的最后一桢问题解决

    这篇文章主要给大家介绍了关于ios中视频的最后一桢问题的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • JavaScript连接组件实现打印功能

    JavaScript连接组件实现打印功能

    这篇文章主要为大家详细介绍了JavaScript如何连接连接抖音打印组件实现打印小票功能,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
    2024-04-04
  • JavaScript事件对象深入详解

    JavaScript事件对象深入详解

    这篇文章主要介绍了JavaScript事件对象,结合实例形式深入分析了javascript DOM、IE及其他浏览器相关事件对象操作技巧与注意事项,需要的朋友可以参考下
    2018-12-12

最新评论