解决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弹出窗口的各种方法总结，有需要的朋友可以参考一下2013-11-11
RequireJS 可以帮助用户异步按需的加载 JavaScript 代码，并解决 JavaScript 模块间的依赖关系，提升了前端代码的整体质量和性能2017-04-04
这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要为大家详细介绍了JS组件Bootstrap Table分页使用方法，具有一定的实用性，感兴趣的小伙伴们可以参考一下2016-05-05
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。通过本文给大家介绍Javascript的表单验证-提交表单，对javascript表单验证，提交表单相关知识感兴趣的朋友一起学习吧2016-03-03
这篇文章主要为大家详细介绍了JavaScript css3实现简单视频弹幕功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
关于javascript中json 对象数组之间相互转化问题
这篇文章主要介绍了关于javascript中json 对象数组之间相互转化问题,在实际应用中，JSON对象和数组的结构可能更加复杂，需要根据具体情况进行相应的处理和转换，需要的朋友可以参考下2023-07-07
这篇文章主要介绍了JS原生实现轮播图的几种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了JavaScript获取页面中超链接数量的方法,涉及JavaScript针对页面元素获取及运算的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了Javascript中With语句用法,实例分析了javascript中with语句的相关使用方法,类似VB语句的用法,需要的朋友可以参考下2015-05-05
最新评论