解决typescript 提示 Object is possibly'null'的N种方案
更新时间：2023年03月23日 15:43:46 作者：夏小夏吖
这篇文章主要介绍了typescript 提示 Object is possibly ‘null‘ 的N种解决方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
用watch监听某个一个数组数据,获取其length时,提示Object is possibly ‘null‘ .具体如下:
解决方法如下:就是加null的判断
typescript 提示 Object is possibly ‘null‘ 的N种解决方法
解决方案一
最正确的解决方案，就是加null的判断
const table = document.querySelector('.main-table');
if (table) {
table.setAttribute('height', '300px');
}解决方案二
使用断言方式，当然这是你能保证元素必定存在的情况
(document.querySelector('.main-table') as Element).setAttribute('height', '300px');解决方案三
这和解决方案原理一样，要判断null情况，但写法简单点，当然这是关闭eslint的情况下，否则eslint会提示错误
document.querySelector('.main-table')?.setAttribute('height', '300px');这里使用了?.符号，相当于&&，意思是先判断?前面的对象是否存在，存在情况下再执行后面的方法；
使用下面代码也是可以的：
const table = document.querySelector('.main-table');
table && table.setAttribute('height', '300px');到此这篇关于typescript 提示 Object is possibly ‘null‘ 的N种解决方法的文章就介绍到这了,更多相关typescript Object is possibly null内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了JavaScript实现打地鼠游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了JS两种类型的表单提交方法,结合实例形式分析了2种常用的表单提交验证的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2016-11-11
这篇文章主要为大家介绍了微信小程序自定义组件与页面的相互传参过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪2022-04-04
这篇文章主要介绍了微信小程序用户授权环节实现过程，在商城项目中，我们需要对部分的页面，进行一个授权的判别，例如购物车，及个人中心，需要完成用户信息的授权后，获取到相关信息2023-01-01
今天的这篇文章就分享几年以来总结的一些最常见和最有用的字符串相关的方法的例子和简要说明。便于程序员用于快速参考。当然，最有经验的开发人员对这些操作很熟悉，但我认为这是一个很好的方法帮助初学者理解这些函数，他可以帮助你使用简单的语法,完成复杂的操作.2015-04-04
JavaScript使用Math.random()生成简单的验证码
今天小编就为大家分享一篇关于JavaScript使用Math.random()生成简单的验证码，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要为大家详细介绍了js定时器实现倒计时效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要为大家详细介绍了JavaScript实现微信飞机大战游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要为大家详细介绍了基于Echarts实现饼图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要介绍了js基于cookie记录来宾姓名的方法,涉及javascript使用cookie针对方可信息的存储与读取显示相关技巧,需要的朋友可以参考下2016-07-07
最新评论