learn-typescript:TypeScript笔记源代码

**TypeScript概述** TypeScript是JavaScript的一个超集，由微软开发并维护，旨在提供静态类型检查、面向对象的特性以及更强大的工具支持。它在JavaScript的基础上添加了类型系统，为大型项目提供了更好的可维护性和可扩展性。TypeScript编译成纯JavaScript，可以在任何支持JavaScript的环境中运行。 **类型系统** TypeScript的类型系统是其核心特点之一。它引入了诸如`string`、`number`、`boolean`、`null`、`undefined`等基本类型，以及`Array`、`Object`等复杂类型。此外，还有接口（Interface）、枚举（Enum）和泛型（Generic），帮助开发者定义复杂的类型结构。类型注解可以通过`: Type`来声明，例如`let name: string`。 **接口（Interface）** 接口是TypeScript中描述对象形状的关键工具。它们可以用来定义对象的结构，确保与其他代码交互时的类型安全。例如，创建一个表示用户信息的接口： ```typescript interface User { id: number; name: string; email: string; } ``` **枚举（Enum）** 枚举是一种常量集合，用于表示有限的命名值。枚举成员可以自动赋值，或者自定义赋值。例如： ```typescript enum Color {Red, Green, Blue} enum Status {Active = 1, Inactive = 0} ``` **泛型（Generic）** 泛型允许在类型级别上进行抽象，创建可以处理多种类型的函数或类。例如，一个简单的泛型栈实现： ```typescript class Stack<T> { private items: T[] = []; push(item: T) { this.items.push(item); } pop(): T | undefined { return this.items.pop(); } } let stringStack = new Stack<string>(); stringStack.push('Hello'); console.log(stringStack.pop()); // 'Hello' ``` **模块与导入导出** TypeScript支持ES6模块系统，使用`import`和`export`关键字进行模块化代码组织。这有助于代码重用和组织，同时避免命名冲突。 ```typescript // math.ts export function add(a: number, b: number): number { return a + b; } // main.ts import { add } from './math'; console.log(add(2, 3)); // 5 ``` **装饰器（Decorator）** 装饰器是一种特殊类型的声明，它可以被附加到类声明、方法、访问器、属性或参数上。装饰器使用`@expression`语法，expression求值后必须为一个函数，该函数会在运行时被调用，被装饰的声明信息作为参数传入。 ```typescript function log(target: any, key: string, descriptor: PropertyDescriptor) { const originalMethod = descriptor.value; descriptor.value = function(...args: any[]) { console.log(`Calling "${key}" with`, args); return originalMethod.apply(this, args); }; return descriptor; } class MyClass { @log myMethod(arg: string) { console.log(`Inside myMethod: ${arg}`); } } ``` **类型推断（Type Inference）** TypeScript能够自动推断变量、参数和返回值的类型，减少了显式类型注解的需求。例如： ```typescript let num = 42; // TypeScript推断num为number类型 ``` **严格模式** TypeScript提供了多种严格模式选项，如`strictNullChecks`、`noImplicitAny`等，这些选项可以提高代码质量，减少潜在错误。例如，启用`strictNullChecks`将不允许`null`和`undefined`与非可选类型兼容。 **总结** TypeScript通过引入静态类型系统、接口、枚举、泛型、模块化、装饰器等特性，增强了JavaScript的开发体验，提供了更高级别的工具支持和代码质量保证。学习并熟练掌握TypeScript，对于提升大型项目开发效率和代码可维护性至关重要。通过实践和理解这些概念，开发者可以构建更健壮、更易于维护的JavaScript应用。