Cocos Creator 3.x 类型报错

前言

Cocos Creator 升级到 v3版本后，脚本只能使用TS，很多人表示不习惯，经常会有报错提示，其实是v3版本使用TS语言更加严格，加强了校验导致的。接下来进入正题：如何优美的解决Cocos Creator v3 类型报错问题。

错误展示

延续 v2 版本写法，


以上两种写法都会提示 不能将类型“null”分配给类型“Node”；

解决方法

一、初始化使用非空断言

在初始化时，做非空断言（感叹号 ! 称作 非空断言操作符，它断言前面的表达式是非空的。注意此感叹号是 TypeScript 特有的，仅为类型目的；编译后，会直接移除。），这样做相当于将 “null” 强制转换为了 “Node” 类型。

二、在初始化定义类型增加 “null”

这样做虽然，在声明的时候没问题了，但是在使用的时候，如果按以前使用也会报错

因此，我们使用的时候，需要在加上非空断言，如下

或者使用可选链

延伸

除此之外，我们在使用getComponent()时，也需要使用非空断言来处理，因为此方法返回的可能是空组件。如下

解决方法

• 使用非空断言
  
• 使用 as 限定类型
  

“!”用法

• 用在变量前表示取反
• 用在赋值的内容后时，表示非空断言，使null和undefined类型可以赋值给其他类型并通过编译

“?”用法

• 表示可选参数
• 可选链：当使用A对象属性A.B时，如果无法确定A是否为空，则需要用A?.B，表示当A有值的时候才去访问B属性，没有值的时候就不去访问，直接返回。