• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript-去除null和undefined检测

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

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);

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

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

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

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
八、TypeScript面向对象特性 泛型(generic)发布时间:2022-07-18
下一篇:
使用TypeScript拓展你自己的VS Code!发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap