Typescript-类型篇

在这里插入图片描述
简介

本文主要介绍一写关于typescript零碎的技术点,如有不足敬请指教

1、隐式类型推断

在 TS 中未明确指出类型的地方,TS 会帮助提供类型,当初始化变量和成员,

设置默认参数值和决定函数返回值会发生这种自动推断,

如变量 num的类型被推断为 number:

let num = 100

最佳通用类型

类型推断会尽量考虑到所有可能的候选类型,并给出兼容所有候选类型的类型。

下例中存在两种可能:number 和 null:

let num2 = [10, 11, null];

用 null 赋值给其他类型,默编译通过不报错:

2、类型断言

通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”,

你会比 TypeScript 更了解某个值的详细信息,

你清楚的知道一个实体具有比它现有类型更确切的类型 这个就叫类型断言。

as 语法

let someValue: any = "this is a string";

let strLength: number = (someValue as string).length;

尖括号语法

let Value: any = "this is a string";

// Value 是any任何类型的实体,

//在具体应用的时候使用了断言 <string> Value肯定是一个字符串类型

let strLength: number = (<string>Value).length;

3、类型声明

TypeScript 是 JavaScript 的超集,相比 JavaScript,

其最关键的功能是静态类型检查 (Type Guard)。

然而 JavaScript 本身是没有静态类型检查功能的,

TypeScript 编译器也仅提供了 ECMAScript 标准里的标准库类型声明,

只能识别 TypeScript 代码里的类型。

那么 TypeScript 中如何引用一个 JavaScript 文件呢?

例如使用 lodash,async 等著名的 JavaScript 第三方库。

答案是通过声明文件(Declaration Files)。

举例 在文件中引入使用 第三方库 lodash

1、yarn add  lodash 

2、yarn add @types/lodash --dev

这样就可以了

谢谢观看

猜你喜欢

转载自blog.csdn.net/handsomezhanghui/article/details/107513992