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

这样就可以了

谢谢观看

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值