TypeScript 学习笔记

TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，添加了静态类型检查和其他一些功能。本文将介绍 TypeScript 的基本概念和用法，帮助您快速入门。

1、为什么使用 TypeScript？

TypeScript 提供了以下优势：

1. 静态类型检查：在编译阶段就可以发现类型错误，减少了运行时错误的可能性。
2. 对象字面量类型：可以更好地描述对象的结构和属性。
3. 类和接口：支持面向对象编程的概念，使代码更加模块化和可维护。
4. 装饰器：可以在类、方法和属性上添加元数据，实现更高级的功能。
5. 强大的编辑器支持：许多编辑器和 IDE 都支持 TypeScript，提供了代码补全、错误提示等功能，提高了开发效率。

2、TypeScript 基础语法

2.1、类型声明

TypeScript 使用 `:` 来声明变量的类型。例如：

let name: string = 'Alice';
let age: number = 25;
let isStudent: boolean = true;

还可以使用 `any` 类型来表示变量可以是任意类型：

let value: any = 'Hello';
value = 123;
value = true;

2.2、数组类型

可以使用 `[]` 表示数组类型，也可以使用 `Array<T>` 表示泛型数组类型。例如：

let names: string[] = ['Alice', 'Bob', 'Charlie'];
let numbers: Array<number> = [1, 2, 3];

还可以使用元组类型来表示固定长度的数组：

let user: [string, number] = ['Alice', 25];

2.3、对象字面量类型

可以使用对象字面量类型来描述对象的结构和属性。例如：

let user: { name: string, age: number } = {
  name: 'Alice',
  age: 25
};

2.4、类和接口

TypeScript 支持面向对象编程的概念，可以使用类和接口来描述对象的结构和行为。例如：

interface User {
  name: string;
  age: number;
}

class Person implements User {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
}

let alice = new Person('Alice', 25);
alice.greet(); // 输出：Hello, my name is Alice and I'm 25 years old.

2.5、装饰器

TypeScript 支持装饰器，可以在类、方法和属性上添加元数据。例如：

function log(target: any, propertyName: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;

  descriptor.value = function(...args: any[]) {
    console.log(`Calling ${propertyName} with arguments ${args}`);
    const result = originalMethod.apply(this, args);
    console.log(`Result: ${result}`);
    return result;
  };

  return descriptor;
}

class Calculator {
  @log
  add(a: number, b: number): number {
    return a + b;
  }
}

let calculator = new Calculator();
calculator.add(1, 2); // 输出：
// Calling add with arguments [1, 2]
// Result: 3

3、总结

TypeScript 是一种强大的编程语言，它在 JavaScript 的基础上添加了静态类型检查和其他一些功能，使代码更加可靠和可维护。本文介绍了 TypeScript 的基本概念和用法，希望对您有所帮助。如果您想深入学习 TypeScript，可以参考官方文档和其他教程。