TS 中 never,void,unknown类型详解

 更新时间:2023年05月05日 09:41:00   作者:Web_boom  
这篇文章主要介绍了TS 中 never,void,unknown类型详解,never 类型是 TypeScript 中的底层类型,unknown是TypeScript中比较特殊的一种类型,它用于描述类型不确定的变量,本文给大家介绍的非常详细,需要的朋友可以参考下

TS 中 never,void,unknown类型详解

一. never

never 类型是 TypeScript 中的底层类型。它在以下情况中很好的被使用:

  • 一个从来不会有返回值的函数,即死循环(如:如果函数内含有 while(true) {});
  • 一个总是会抛出错误的函数(如:function foo() { throw new Error('Not Implemented') }foo 的返回类型是 never);
 function foo(): never {//永远不会返回结果 // 死循环 while(true) {}
 }
function bar(): never {throw new Error()
 } 

never 仅能被赋值给另外一个 never 类型,因此可以用它来进行编译时的全面的检查

举例:

function foo(x: string | number): boolean {if (typeof x === 'string') {return true;} else if (typeof x === 'number') {return false;}// 如果不是一个 never 类型,这会报错:// - 不是所有条件都有返回值 (严格模式下)// - 或者检查到无法访问的代码// 但是由于 TypeScript 理解 `fail` 函数返回为 `never` 类型// 它可以让你调用它,因为你可能会在运行时用它来做安全或者详细的检查。return fail('Unexhaustive');
}
function fail(message: string): never {throw new Error(message);
} 

二. void(空值)

JavaScript 没有空值(void)的概念,在 TypeScript 中,表示没有任何返回值的函数

// 没有返回值的函数,其返回值类型为 void
function alertName(): void { alert('My name is Tom'); } 

当然你也可以声明一个变量为void ,但你只能将它赋值为 undefined 和 null:

let unusable: void = undefined; 

void函数中使用场景:

// 如果什么都不写,此时,add 函数的返回值类型为: void
const add = () => { //
}
// 如果return之后什么都不写,此时,add 函数的返回值类型为: void
const add = () => {  return 
}
const add = (): void => {// 此处,返回的 undefined 是 JS 中的一个值return undefined
}
// 这种写法是明确指定函数返回值类型为 void,与上面不指定返回值类型相同
const add = (): void => {// 
} 

三. unknown

unknown是TypeScript中比较特殊的一种类型,它用于描述类型不确定的变量。这与any类型相似,但更安全,因为对未知值做任何事情都是不合法的。

function foo() {return 'abc'
}
function bar() {return 123
}
// unknown类型只能赋值给any和unknown类型
// any类型可以赋值给任意类型
let flag = true
let result: unknown // 最好不要使用any
if (flag) {result = foo()
} else {result = bar()
}
let message: string = result //报错
let num: number = result //报错
let num1: unknown = result
let num2: any = result
console.log(result) 

需要通过类型范围缩小类型断言,才能在 unknown 类型上进行任何操作

举例:

let value: unknown = 123;
console.log(++value )//error:'value' is of type 'unknown'.
console.log(++(value as number) ) 

unknown 除了与 any 以外, 与其它任何类型组成的联合类型最后都是 unknown 类型

举例:

unknown 与其它任何类型组成的交叉类型最后都是其它类型

举例:

当然还有一些别的unkonw特性比如:

1.只能对 unknown 类型进行 相等 或 不等 操作, 不能进行其它操作;2.unknown 类型的值不能访问创建实例的属性, 方法;3.使用映射类型时, 如果遍历的是 unknown 类型, 那么不会映射任何属性;以上可以点击文末详细学习!

四. never与void的区别

1.void 表示没有任何类型,never 表示永远不存在的值的类型。

2.当一个函数返回空值时,它的返回值为 void 类型,但是,当一个函数永不返回时(或者总是抛出错误),它的返回值为 never 类型。void 类型可以被赋值(在 strictNullChecking 为 false 时),但是除了never 本身以外,其他任何类型不能赋值给 never

五. 其他注意事项

unknown,never 都不允许执行变量的方法以及访问内部属性;

never是所有类型的子类型;

补充:TypeScript-unknown类型

  • unknown 类型是 TS3.0 中新增的一个顶级类型, 被称作安全的 any

任何类型都可以赋值给 unknown 类型:

let value: unknown;
value = 123;
value = "abc";
value = false;

如果没有类型断言或基于控制流的类型细化, 那么不能将 unknown 类型赋值给其它类型。

错误示例:

let value1: unknown = 123;
let value2: number;
value2 = value1;

正确示例:

let value1: unknown = 123;
let value2: number;
value2 = value1 as number;

let value1: unknown = 123;
let value2: number;
if (typeof value1 === 'number') {
    value2 = value1;
}

如果没有类型断言或基于控制流的类型细化, 那么不能在 unknown 类型上进行任何操作。

错误示例:

let value1: unknown = 123;
value1++;

正确示例:

let value1: unknown = 123;
(value1 as number)++;

let value1: unknown = 123;
if (typeof value1 === 'number') {
    value1++;
}

只能对 unknown 类型进行 相等 或 不等 操作, 不能进行其它操作(因为其他操作没有意义)。

正确示例:

let value1: unknown = 123;
let value2: unknown = 123;
console.log(value1 === value2);
console.log(value1 !== value2);

不能进行其它操作(因为其他操作没有意义), 虽然没有报错, 但是不推荐, 如果想报错提示, 可以打开严格模式("strict": true):

let value1: unknown = 123;
let value2: unknown = 123;
console.log(value1 >= value2);

unknown 与其它任何类型组成的交叉类型最后都是其它类型:

type MyType = number & unknown;
type MyType = unknown & string;

unknown 除了与 any 以外, 与其它任何类型组成的联合类型最后都是 unknown 类型:

type MyType1 = unknown | any;
type MyType2 = unknown | number;
type MyType3 = unknown | string | boolean;

never 类型是 unknown 类型的子类型:

type MyType = never extends unknown ? true : false;

keyof unknown 等于 never:

type MyType = keyof unknown;

unknown 类型的值不能访问创建实例的属性, 方法:

class="language-typescript">class Person {
    name: string = 'BNTang';
    say(): void {
        console.log(`name = ${this.name}`);
    }
}
let p: unknown = new Person();
p.say();
console.log(p.name);

使用映射类型时, 如果遍历的是 unknown 类型, 那么不会映射任何属性:

type MyType<T> = {
    [P in keyof T]: any
}
type res = MyType<unknown>

到此这篇关于TS 中 never,void,unknown类型详解的文章就介绍到这了,更多相关TS 中 never,void,unknown类型内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • GoJs连线上的信息展示使用详解

    GoJs连线上的信息展示使用详解

    这篇文章主要为大家介绍了GoJs连线上的信息展示使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码...
    2007-02-02
  • Javascript级联下拉菜单以及AJAX数据验证核心代码

    Javascript级联下拉菜单以及AJAX数据验证核心代码

    最初是只要输入框的两个数据相符就行,现在的要求是两个下拉菜单的数据也要相符,于是,我利用此机会,将代码重构了一次,感兴趣的朋友们可以借此学习一下
    2013-05-05
  • JavaScript 正则命名分组【推荐】

    JavaScript 正则命名分组【推荐】

    以往我们只是习惯于通过数组下标来访问正则匹配到的分组,但分组达到4、5个时,标识起来就会非常麻烦。V8早已实现了正则命名分组提案,只是我们很少使用,本文将介绍JS的正则命名分组
    2018-06-06
  • JS解析json数据并将json字符串转化为数组的实现方法

    JS解析json数据并将json字符串转化为数组的实现方法

    json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法,需要了解的朋友可以参考下
    2012-12-12
  • 原生JS与CSS实现软件卸载对话框功能

    原生JS与CSS实现软件卸载对话框功能

    今天给大家分享一个特别有意思的软件卸载对话框功能,本段代码是基于js 与css实现的,感兴趣的朋友跟随小编一起看看吧
    2019-12-12
  • JS判断是否360安全浏览器极速内核的方法

    JS判断是否360安全浏览器极速内核的方法

    这篇文章主要介绍了JS判断是否360安全浏览器极速内核的方法,对比分析了360安全浏览器极速内核与其他主流浏览器内核的区别及对应的判断技巧,需要的朋友可以参考下
    2015-01-01
  • 微信小程序实现图片压缩

    微信小程序实现图片压缩

    这篇文章主要为大家详细介绍了微信小程序实现图片压缩,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • JavaScript设计模式之策略模式实例

    JavaScript设计模式之策略模式实例

    这篇文章主要介绍了JavaScript设计模式之策略模式实例,本文分析了Jquery源码并给出了自己的实现,需要的朋友可以参考下
    2014-10-10
  • JavaScript实现职责链模式概述

    JavaScript实现职责链模式概述

    这篇文章主要介绍了JavaScript实现职责链模式概述,详细的介绍了什么是职责链模式和实现方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01

最新评论