解決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情況，但寫法簡(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)文章
這篇文章主要介紹了PHPExcel中的一些常用方法匯總,本文直接給出操作代碼實(shí)例,代碼中對(duì)常用方法給出了注釋,需要的朋友可以參考下2015-01-01
這里給大家分享的是個(gè)人在最近看《JavaScript函數(shù)式編程》一書的第一章之后的一些感觸和理解，這里記錄下來(lái)，有需要的小伙伴可以參考下2015-08-08
微信小程序商城項(xiàng)目之側(cè)欄分類效果(1)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)商城系列之側(cè)欄分類效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
JavaScript前端實(shí)現(xiàn)拼圖分割效果
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)JavaScript前端實(shí)現(xiàn)拼圖分割效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-10-10
這篇文章主要介紹了js數(shù)組去重的5種算法實(shí)現(xiàn)，詳細(xì)解釋了實(shí)現(xiàn)思路，以及每個(gè)算法的優(yōu)缺點(diǎn)，感興趣的小伙伴們可以參考一下2015-11-11
一個(gè)超簡(jiǎn)單的JS拖拽實(shí)現(xiàn)代碼(兼容IE,Firefox)
網(wǎng)上找的一個(gè)超簡(jiǎn)單的JS拖拽，喜歡拖拽效果的朋友可以參考下。2010-04-04
javascript插件開(kāi)發(fā)的一些感想和心得
這篇文章主要介紹了javascript插件開(kāi)發(fā)的一些感想和心得,需要的朋友可以參考下2016-02-02
微信小程序的注冊(cè)頁(yè)面包含倒計(jì)時(shí)驗(yàn)證碼、獲取用戶信息
本文通過(guò)實(shí)例代碼給大家介紹了微信小程序的注冊(cè)頁(yè)面包含倒計(jì)時(shí)驗(yàn)證碼、獲取用戶信息的相關(guān)知識(shí)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-05-05
2009-04-04
jQuery 使用 $ 符號(hào)作為 jQuery 的簡(jiǎn)介方式。某些其他 JavaScript 庫(kù)中的函數(shù)（比如 Prototype）同樣使用 $ 符號(hào)。2011-04-04