快捷導(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)文章

微信小程序?qū)崿F(xiàn)復(fù)選框效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)復(fù)選框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12
JavaScript中常用的五種數(shù)字千分位格式化方法
數(shù)字格式化是開(kāi)發(fā)中經(jīng)常遇到的任務(wù),特別是在需要為數(shù)字添加千分位符或控制小數(shù)位數(shù)時(shí),以下是幾種常用的數(shù)字格式化方法,每種方法有其優(yōu)缺點(diǎn),適用于不同的需求場(chǎng)景,感興趣的小伙伴跟著小編一起來(lái)看看吧
2024-12-12
js網(wǎng)頁(yè)版計(jì)算器的簡(jiǎn)單實(shí)現(xiàn)
這篇文章介紹了網(wǎng)頁(yè)版計(jì)算器的簡(jiǎn)單實(shí)現(xiàn)代碼，有需要的朋友可以參考一下
2013-07-07
微信小程序把百度地圖坐標(biāo)轉(zhuǎn)換成騰訊地圖坐標(biāo)過(guò)程詳解
這篇文章主要介紹了微信小程序把百度地圖坐標(biāo)轉(zhuǎn)騰訊地圖坐標(biāo)過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-07-07
JS DOM 操作實(shí)現(xiàn)代碼
JS DOM 操作實(shí)現(xiàn)代碼，學(xué)習(xí)dom操作的朋友可以參考下。
2010-08-08
bootstrap輸入框組代碼分享
Bootstrap 支持的另一個(gè)特性，輸入框組,輸入框組擴(kuò)展自表單控件.下面小編給大家介紹bootstrap輸入框組的代碼，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
javascript實(shí)現(xiàn)選中復(fù)選框后相關(guān)輸入框變灰不可用的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)選中復(fù)選框后相關(guān)輸入框變灰不可用的方法,涉及javascript針對(duì)頁(yè)面元素屬性的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
用javascript做一個(gè)webgame連連看大家看下
2008-01-01
JS獲取和修改元素樣式的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇JS獲取和修改元素樣式的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
javascript實(shí)現(xiàn)將數(shù)字轉(zhuǎn)成千分位的方法小結(jié)【5種方式】
這篇文章主要介紹了javascript實(shí)現(xiàn)將數(shù)字轉(zhuǎn)成千分位的方法,結(jié)合實(shí)例形式分析了5種常用的數(shù)字轉(zhuǎn)換的常用方法,涉及字符串與正則操作的相關(guān)技巧,需要的朋友可以參考下
2016-12-12