TypeScript-去除null和undefined检测
  TEZNKK3IfmPf 2023年11月13日 25 0

先不管三七二十一,首先来看一个函数的定义,该函数的内部返回了一个函数的回调,主要作用就是获取一个字符串的长度,可是呢函数的入参是一个联合类型,如下:

function getLength(value: (string | null | undefined)) {
value = 'abc';
return () => {
return value.length;
}
}

报错的原因就是说,该函数的入参呢,有可能是 null 和 undefined 如果是 null 和 undefined 就没有 .length 这个属性所以编译器就会报错,那么这个问题呢,在之前是利用 ​​||​​ 进行解决的解决代码如下:

function getLength(value: (string | null | undefined)) {
value = 'abc';
return () => {
return (value || '').length;
}
}

let fn = getLength('BNTang');
let res = fn();
console.log(res);

除了如上的方式进行解决以外,还有一种百试不爽的方式就是使用类型断言:

function getLength(value: (string | null | undefined)) {
value = 'abc';
return () => {
return (value as string).length;
}
}

let fn = getLength('BNTang');
let res = fn();
console.log(res);

如上除了使用类型断言以外,还可以使用类型断言的简写方式来进行简化代码, 类型断言的简写方式就是在变量的后面加一个感叹号 ​​!​​​ ,​​!​​​ 的含义就是告诉编译器,这个变量一定不是 ​​null​​​ 和 ​​undefined​​:

function getLength(value: (string | null | undefined)) {
value = 'abc';
return () => {
return value!.length;
}
}

let fn = getLength('BNTang');
let res = fn();
console.log(res);
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

上一篇: Sass中的运算 下一篇: TypeScript-泛型
  1. 分享:
最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2023年11月14日   37   0   0 typescript
  TEZNKK3IfmPf   2023年11月14日   37   0   0 nulldev
  TEZNKK3IfmPf   2023年11月14日   31   0   0 typescript
  TEZNKK3IfmPf   2023年11月14日   37   0   0 typescript
  TEZNKK3IfmPf   2024年04月19日   36   0   0 typescript数组编译器
  TEZNKK3IfmPf   2023年11月14日   29   0   0 typescript装饰器
  TEZNKK3IfmPf   2023年11月14日   36   0   0 typescript
TEZNKK3IfmPf