typescript基础语法补充

TypeScript是一种由微软开发的开源编程语言，它是JavaScript的一个超集，增加了静态类型和一些面向对象的特性。下面是对TypeScript的一些关键知识点的总结：

TypeScript的特点

超集: TypeScript完全兼容JavaScript，所有有效的JavaScript代码也是有效的TypeScript代码。

静态类型: TypeScript允许开发者在编写代码时声明变量和函数的类型，从而在编译阶段进行类型检查。

编译: TypeScript代码会被编译成JavaScript，然后在任何支持JavaScript的环境中运行。

面向对象: 支持类、接口、枚举等面向对象编程概念。

基础类型

原始类型: `number`, `string`, `boolean`, `null`, `undefined`, `symbol` (ES6+), `bigint` (ES10+).

复杂类型:

          数组: `number[]` 或 `Array<number>`

         元组: `(string, number)`

          枚举: `enum Color {Red, Green, Blue}`

          任意类型: `any`

          未知类型: `unknown`

          空类型: `void`

          从不类型: `never`

 类型注解和类型推断

        类型注解: 明确指定变量、参数和返回值的类型。

        类型推断: TypeScript可以根据上下文自动推断类型。

类和接口

        类: 定义对象的蓝图。

        构造函数: `constructor() {}`

        成员: `public`, `private`, `protected`

        抽象类: 使用 `abstract` 关键字定义，不能被实例化。

        接口: 描述对象的形状。

        属性: `interface Shape { width: number; height: number; }`

        方法: `interface Shape { draw(): void; }`

        索引签名: `interface StringArray { [index: number]: string; }`

泛型

        泛型类型: `function identity<T>(arg: T): T`

        泛型类: `class GenericNumber<T> { zeroValue: T; }`

函数

        函数类型: `function add(x: number, y: number): number`

        可选参数: `function add(x: number, y?: number): number`

        剩余参数: `function concat(...args: number[]): number[]`

 模块和命名空间

        模块: `import { functionName } from 'moduleName';`

        命名空间: `namespace N { export class C {} }`

类型兼容性和类型断言

        类型兼容性: TypeScript中的类型兼容性规则。

        类型断言: `let someValue: any = "this is a string"; let strLength: number = (someValue as string).length;`

工具和工具链

        TypeScript编译器: `tsc`

        编译选项:

                target： 设置ECMAScript版本。

                module: 指定模块解析策略。

                declaration: 生成`.d.ts`文件。

                watch: 监视模式下运行编译器。

实战案例

        定义组件: 使用接口定义组件的属性和方法。

        状态管理: 使用类和接口来管理组件的状态。

        UI逻辑: 利用函数和类型安全进行UI逻辑的编写。