解決typescript?提示?Object?is?possibly'null'的N種方案
更新時(shí)間：2023年03月23日 15:43:46 作者：夏小夏吖
這篇文章主要介紹了typescript?提示?Object?is?possibly?‘null‘?的N種解決方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
用watch監(jiān)聽(tīng)某個(gè)一個(gè)數(shù)組數(shù)據(jù),獲取其length時(shí),提示Object is possibly ‘null‘ .具體如下:
解決方法如下:就是加null的判斷
typescript 提示 Object is possibly ‘null‘ 的N種解決方法
解決方案一
最正確的解決方案，就是加null的判斷
const table = document.querySelector('.main-table');
if (table) {
table.setAttribute('height', '300px');
}解決方案二
使用斷言方式，當(dāng)然這是你能保證元素必定存在的情況
(document.querySelector('.main-table') as Element).setAttribute('height', '300px');解決方案三
這和解決方案原理一樣，要判斷null情況，但寫(xiě)法簡(jiǎn)單點(diǎn)，當(dāng)然這是關(guān)閉eslint的情況下，否則eslint會(huì)提示錯(cuò)誤
document.querySelector('.main-table')?.setAttribute('height', '300px');這里使用了?.符號(hào)，相當(dāng)于&&，意思是先判斷?前面的對(duì)象是否存在，存在情況下再執(zhí)行后面的方法；
使用下面代碼也是可以的：
const table = document.querySelector('.main-table');
table && table.setAttribute('height', '300px');到此這篇關(guān)于typescript 提示 Object is possibly ‘null‘ 的N種解決方法的文章就介紹到這了,更多相關(guān)typescript Object is possibly null內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)打地鼠游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了JS兩種類型的表單提交方法,結(jié)合實(shí)例形式分析了2種常用的表單提交驗(yàn)證的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11
這篇文章主要為大家介紹了微信小程序自定義組件與頁(yè)面的相互傳參過(guò)程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-04-04
微信小程序用戶授權(quán)環(huán)節(jié)實(shí)現(xiàn)過(guò)程
這篇文章主要介紹了微信小程序用戶授權(quán)環(huán)節(jié)實(shí)現(xiàn)過(guò)程，在商城項(xiàng)目中，我們需要對(duì)部分的頁(yè)面，進(jìn)行一個(gè)授權(quán)的判別，例如購(gòu)物車，及個(gè)人中心，需要完成用戶信息的授權(quán)后，獲取到相關(guān)信息2023-01-01
今天的這篇文章就分享幾年以來(lái)總結(jié)的一些最常見(jiàn)和最有用的字符串相關(guān)的方法的例子和簡(jiǎn)要說(shuō)明。便于程序員用于快速參考。當(dāng)然，最有經(jīng)驗(yàn)的開(kāi)發(fā)人員對(duì)這些操作很熟悉，但我認(rèn)為這是一個(gè)很好的方法幫助初學(xué)者理解這些函數(shù)，他可以幫助你使用簡(jiǎn)單的語(yǔ)法,完成復(fù)雜的操作.2015-04-04
JavaScript使用Math.random()生成簡(jiǎn)單的驗(yàn)證碼
今天小編就為大家分享一篇關(guān)于JavaScript使用Math.random()生成簡(jiǎn)單的驗(yàn)證碼，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript實(shí)現(xiàn)微信飛機(jī)大戰(zhàn)游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)微信飛機(jī)大戰(zhàn)游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要為大家詳細(xì)介紹了基于Echarts實(shí)現(xiàn)餅圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要介紹了js基于cookie記錄來(lái)賓姓名的方法,涉及javascript使用cookie針對(duì)方可信息的存儲(chǔ)與讀取顯示相關(guān)技巧,需要的朋友可以參考下2016-07-07