如何抑制“错误TS2533:对象可能是'空'或'未定义'”?

我有一个类型:

type tSelectProtected = {
  handleSelector?: string,
  data?: tSelectDataItem[],

  wrapperEle?: HTMLElement,
  inputEle?: HTMLElement,
  listEle?: HTMLElement,
  resultEle?: HTMLElement,

  maxVisibleListItems?: number
}

我声明了一个全局模块变量:

var $protected : tSelectProtected = {};

我在function1()范围内分配适当的值:

$protected.listEle = document.createElement('DIV');

稍后在function2()作用域中，我调用:

$protected.listEle.classList.add('visible');

我得到TypeScript错误:

error TS2533: Object is possibly 'null' or 'undefined'

我知道我可以使用if ($protected. listele) {$protected. listele进行显式检查。listEle}使编译器平静下来，但这似乎对于大多数非平凡的情况非常不方便。

在不禁用TS编译器检查的情况下如何处理这种情况?

当前回答

更新:对象链接是一种访问可能为空或未定义引用的属性的方法

object?.objectProperty?.nextProperty

以前

if (object !== undefined) {
    // continue - error suppressed when used in this way.
}

以前

const objectX = object as string

不过，在选择上述解决方案之前，请考虑您的目标体系结构及其对大局的影响。

2018-01-30 08:20:59

其他回答

如果你知道该类型永远不会为null或未定义，你应该声明为foo: Bar，不带?类型声明?条形语法意味着它可能是未定义的，这是您需要检查的。

换句话说，编译器正在做你要求它做的事情。如果您希望它是可选的，您稍后需要检查。

2016-10-31 20:24:52

当我在tsconfig中将“strict:true”更改为“strict:false”时。Json文件比代码没有显示错误。添加添加!使用添加的obj like进行签名模板! .getAttriute(“src”);

代码没有显示错误。

2022-03-19 17:38:48

这不是OP的问题，但当我意外地将一个参数声明为空类型时，我得到了相同的对象可能是“null”消息:

something: null;

而不是给它赋值为null:

something: string = null;

2018-05-17 23:57:09

从TypeScript 3.7 (https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html)开始，你现在可以使用?。当访问null或未定义对象上的属性(或调用方法)时获得未定义的操作符:

inputEl?.current?.focus(); // skips the call when inputEl or inputEl.current is null or undefined

2019-12-09 20:48:26

在设置状态和使用map时，我用React遇到了这个问题。

在这种情况下，我正在做一个API获取调用和响应的值是不知道的，但应该有一个值“答案”。我为此使用了一个自定义类型，但因为该值可能为空，所以我得到了一个TS错误。允许类型为null并不能解决这个问题;或者，您也可以使用默认参数值，但这对我的情况来说很混乱。

我克服了它，通过提供一个默认值，在事件响应是空的，只需使用三元操作符:

this.setState({ record: (response.Answer) ? response.Answer : [{ default: 'default' }] });

2019-05-26 03:19:24

如何抑制“错误TS2533:对象可能是'空'或'未定义'”?

推荐文章

最新文章

标签