快捷導(dǎo)航

JS?解決Cannot?set?properties?of?undefined的問(wèn)題

更新時(shí)間：2024年01月09日 14:37:39 作者：孟秋沒(méi)Bug

遇到這樣問(wèn)題當(dāng)前的是當(dāng)前對(duì)象或者數(shù)組是undefined，但是卻用來(lái)引用屬性或者索引，遇到這樣的問(wèn)題如何解決呢，下面通過(guò)本文給大家介紹JS?如何解決Cannot?set?properties?of?undefined,需要的朋友可以參考下

問(wèn)題解析

當(dāng)前的是當(dāng)前對(duì)象或者數(shù)組是undefined，但是卻用來(lái)引用屬性或者索引

比如下面兩種情況

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

或者是當(dāng)前的value值不是我們顯式聲明的undefined，而是運(yùn)算之后得到undefined，之后我們?cè)偃ビ盟?/p>

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

解決方案

問(wèn)題清楚了，解決的方式就是不用undefined直接去應(yīng)用對(duì)象，解決報(bào)錯(cuò)問(wèn)題可以用以下方法

const value = undefined
//解決方法1： if條件
if（value）{
  value = {}
	value.a
}
// 解決方法2：?運(yùn)算符
value?.a
// 解決方法3：||運(yùn)算符
const preValue = value || {}
preValue.a

到此這篇關(guān)于JS 如何解決Cannot set properties of undefined的文章就介紹到這了,更多相關(guān)js解決 Cannot set properties of undefined內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

js
TypeError

相關(guān)文章

JavaScript中的包裝對(duì)象介紹
這篇文章主要介紹了JavaScript中的包裝對(duì)象介紹,存取字符串、數(shù)字、或布爾值的屬性時(shí)創(chuàng)建的臨時(shí)對(duì)象稱作包裝對(duì)象,本文著重講解了什么是包裝對(duì)象,需要的朋友可以參考下
2015-01-01
JavaScript 異步調(diào)用框架 (Part 1 - 問(wèn)題 & 場(chǎng)景)
在Ajax應(yīng)用中，調(diào)用XMLHttpRequest是很常見(jiàn)的情況。特別是以客戶端為中心的Ajax應(yīng)用，各種需要從服務(wù)器端獲取數(shù)據(jù)的操作都通過(guò)XHR異步調(diào)用完成。
2009-08-08
Div+CSS+JS樹(shù)型菜單，可刷新
Div+CSS+JS樹(shù)型菜單，可刷新...
2006-07-07
javascript打印大全(打印頁(yè)面設(shè)置/打印預(yù)覽代碼)
打印頁(yè)面設(shè)置,打印頁(yè)面預(yù)覽在打印過(guò)程中經(jīng)常會(huì)遇到，網(wǎng)上搜集整理了一些實(shí)用的打印方法與大家分享，感興趣的朋友可以了解下哈
2013-03-03
使用cookie繞過(guò)驗(yàn)證碼登錄的實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家詳細(xì)介紹了使用cookie繞過(guò)驗(yàn)證碼登錄的實(shí)現(xiàn)方法，需要的朋友參考下吧
2017-10-10
微信小程序點(diǎn)擊控件后選中其它反選實(shí)例詳解
這篇文章主要介紹了微信小程序點(diǎn)擊控件后選中其它反選實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2017-02-02
12306驗(yàn)證碼破解思路分享
本文給大家分享的是個(gè)人對(duì)于12306的新的驗(yàn)證碼系統(tǒng)的破解思路，僅僅是思路，還沒(méi)進(jìn)行實(shí)地驗(yàn)證，推薦給大家，拋磚引玉吧。
2015-03-03
ios中視頻的最后一楨問(wèn)題解決
這篇文章主要給大家介紹了關(guān)于ios中視頻的最后一楨問(wèn)題的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
JavaScript連接組件實(shí)現(xiàn)打印功能
這篇文章主要為大家詳細(xì)介紹了JavaScript如何連接連接抖音打印組件實(shí)現(xiàn)打印小票功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下
2024-04-04
JavaScript事件對(duì)象深入詳解
這篇文章主要介紹了JavaScript事件對(duì)象,結(jié)合實(shí)例形式深入分析了javascript DOM、IE及其他瀏覽器相關(guān)事件對(duì)象操作技巧與注意事項(xiàng),需要的朋友可以參考下
2018-12-12