typescript知识点总结

ts最常用知识点

TS（TypeScript）是一种静态类型的JavaScript超集，它添加了类型系统和其他功能，使JavaScript代码更加结构化和可维护。以下是一些TS中最常用的知识点：

1. 类型注解：在TS中，你可以使用类型注解来声明变量、参数和返回值的类型。这有助于在编译时捕获类型错误。

2. 类型推断：TS具有强大的类型推断功能，可以根据赋给变量的值自动推断其类型。

3. 接口：TS中的接口是一种定义对象形状的方式，它描述了对象的属性、方法和类型。

4. 泛型：泛型允许你编写可以处理多种数据类型的代码，而无需重复编写代码。

5. 枚举：TS中的枚举是一种用户定义的类型，它允许你为一组相关的值赋予有意义的名字。

6. 装饰器：装饰器是一种特殊类型的声明，它可以附加到类声明、方法、访问符、属性或参数上。

7. 条件类型：条件类型允许你在类型之间进行条件选择。

8. 映射类型：映射类型允许你创建类型的映射关系，用于将一个类型的属性映射到另一个类型的属性。 9. 函数类型：TS中的函数类型是一种强大的工具，用于描述函数的行为和返回值。

10. 空值检查：TS中的空值检查功能可以确保你不会访问未定义的属性或方法。

以上是一些TS中最常用的知识点，但TS还有很多其他功能和概念，如类型断言、类型别名、内置类型等。

typescript 类型操作符

TypeScript 是一种静态类型检查的 JavaScript 超集语言，它引入了许多新的类型操作符和语法特性，以提供更强大的类型系统和更好的代码可读性。

类型操作符是用来定义和操作 TypeScript 中的类型的符号。它们允许我们定义变量、函数参数、返回值和其他表达式的类型，并对其进行操作和组合。在本文中，我们将深入探讨 TypeScript 中常用的类型操作符。

一、基本类型操作符

1. typeof

typeof 是一个一元操作符，它用来获取变量或表达式的类型。它返回的是一个字符串，表示该变量或表达式的类型名称。例如：

typescript

let num: number = 123;

console.log(typeof num); 输出: "number"

我们也可以使用 typeof 来检查函数的返回值类型。例如：

typescript

function add(a: number, b: number): number {

return a + b;

}

console.log(typeof add); 输出: "function"

2. keyof

keyof 是一个索引类型查询操作符，它用来获取对象类型的所有属性名。例如：

typescript

type Person = {

name: string;

age: number;

};

type PersonKeys = keyof Person;

PersonKeys 的类型为 "name" "age"

我们可以使用 keyof 结合泛型来编写一些复用性更高的代码。例如，我们可以编写一个函数，用于读取对象的指定属性：

typescript

function getValue(obj: T, key: K): T[K] {

return obj[key];

}

TS（TypeScript）是 JavaScript 的一个超集，它为 JavaScript 添加了静态类型和其他一些特性，可以帮助开发者在开发大型项目时更加高效、可维护和可扩展。TS 项目常用的知识点包括：

类型系统：TS 强调类型安全，开发者需要掌握 TS 中的基本类型、联合类型、交叉类型、枚举类型、泛型等。

接口和类：TS 中的接口和类可以帮助开发者定义数据结构和面向对象的程序设计，需要掌握接口和类的语法和使用方法。

模块化：TS 支持 ES6 的模块化语法，需要掌握模块的导入导出、命名空间等相关知识。

装饰器：TS 支持装饰器语法，可以帮助开发者在类、属性、方法等上面添加额外的元数据和行为。

工具类型：TS 提供了很多有用的工具类型，如 Partial、Required、Pick、Record 等，可以帮助开发者更方便地操作类型。

类型声明文件：TS 可以通过类型声明文件为第三方库添加类型支持，需要掌握类型声明文件的编写和使用方法。

编译配置：TS 提供了丰富的编译配置选项，可以帮助开发者更好地控制编译过程和输出结果。

VS Code 插件：VS Code 提供了很多有用的 TS 插件，如 TypeScript Hero、TS Lint、TS Node

等，可以帮助开发者更方便地开发和调试 TS 项目。

typescript01认识ts和ts的类型

看ITYING ts专辑（前三集总结）

TypeScript 是 Javascript 的超级，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。TypeScript 更像后端 java、C#这样的⾯向对象语⾔可以让 js 开发⼤型企业项⽬，⼀张图概括

npm install -g typescript

先全局安装⼀下，在vscode配置，找到新建ts的⽬录下，创建 tsconfig.json ⽂件（当前⽬录执⾏ tsc --init ⽣成配置⽂件）

找到vscode 的Tmeinal--->Run Task-->点击 tsc:监视-tsconfig.json 然后就可以⾃动⽣成代码了

就⽣成了（outDir就相当于webpack的指定输出⽂件的位置）

搞定了。

*********************************************************************************ts的类型******************************************************************************************

布尔类型（boolean）数字类型（number）字符串类型(string)数组类型（array）元组类型（tuple）枚举类型（enum） 任意类型（any）null 和 undefinedvoid类型never类型⼀⼀介绍，别急，说⽩了就是定义变量的时候要指定类型，赋予的值也必须同等类型，不然编译ts⽂件报错，（页⾯上依然能展⽰出来）⾃⼰定义⼀个ts⾃⼰试⼀下就搞定var flag:boolean=false

var num:number=123

var str:string='this is ts';// 数组类型（array） ts中定义数组有两种⽅式 // 1.第⼀种定义数组的⽅式