前端小结之TypeScript入门一| 青训营笔记

106 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第10天

引言

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。我们一起来看看有哪些知识点吧!

1、什么是 TypeScript ?

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

2、TypeScript 安装

我们可以通过以下两种方式来安装 TypeScript:

  • 通过 Node.js 包管理器 (npm)
  • 通过与 Visual Studio 2012 继承的 MSI。

3、TypeScript 基础类型

1、Boolean 类型

let isDone: boolean = false;

2、Number 类型

let count: number = 10;

3、String 类型

let name: string = "Semliker";

4、Array 类型

let list: number[] = [1, 2, 3];
let list: Array<number> = [1, 2, 3]; // Array<number>泛型语法

5、Enum 类型

使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。 TypeScript 支持数字的和基于字符串的枚举。

4、 TypeScript断言

有时候你会遇到这样的情况,你会比 TypeScript 更了解某个值的详细信息。通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。

通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。类型断言好比其他语言里的类型转换,但是不进行特殊的数据检查和解构。它没有运行时的影响,只是在编译阶段起作用。

总结

今天简单介绍了一些TypeScript的相关知识,了解了什么是TypeScript,以及一些基本语法。TypeScript还有许多内容值得关注,我会在接下来的文章中继续介绍,让我们从0开始慢慢积累吧。 一起打卡学习吧!!!

烟火向星辰,所愿皆成真!