TypeScript

TypeScript是一种由微软开发的开源编程语言，它是JavaScript的超集，意味着任何有效的JavaScript代码也是有效的TypeScript代码。与纯JavaScript相比，TypeScript提供了更强大的静态类型系统、更好的开发工具支持和更丰富的面向对象编程功能。

TypeScript的入门：

安装TypeScript：

首先，你需要在你的开发环境中安装TypeScript。你可以使用npm或yarn来安装TypeScript。在命令行中运行以下命令进行安装：

npm install -g typescript

创建TypeScript文件：

创建一个新的TypeScript文件，后缀名为.ts。例如，你可以创建一个名为main.ts的文件。

// main.ts
function greet(name: string) {
  console.log(`Hello, ${name}!`);
}

greet("Alice");

编译TypeScript代码：

在命令行中，进入到你的TypeScript文件所在的目录，并运行以下命令来编译TypeScript代码：

tsc main.ts

• 这将会生成一个JavaScript文件main.js，它是TypeScript代码的编译结果。

运行JavaScript代码：

在命令行中运行以下命令来执行生成的JavaScript代码：

node main.js

• 输出结果将会是Hello, Alice!。

静态类型检查：

TypeScript的一个重要特性是静态类型检查。我们可以显式地声明变量的类型，并在编译时检查类型错误。

// main.ts
function greet(name: string) {
  console.log(`Hello, ${name}!`);
}

greet(10); // 编译时会报错，提示类型不匹配

• 编译时会报错，提示函数greet的参数类型应为字符串。

这些是入门TypeScript的一些基本步骤和关键概念。通过这些步骤，你可以开始编写和运行TypeScript代码，并体验TypeScript提供的静态类型检查功能。随着学习的深入，你还可以了解更多高级的TypeScript特性和用法。

下面是我TypeScript的学习笔记以及案例：

静态类型检查：

TypeScript可以在编译时进行静态类型检查，检查潜在的类型错误。示例：

let num: number = 10;
num = "hello"; // 编译时会报错，提示类型不匹配

类型注解：

可以使用类型注解来明确变量的类型。示例：

let num: number = 10;

类型推断：

TypeScript可以根据上下文自动推断变量的类型。示例：

let num = 10; // 推断num为number类型

接口：

接口用来定义对象的形状，可以描述对象的属性、方法等。示例：

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

const person: Person = {
  name: "Alice",
  age: 30
};

类

类的运用

class Person {
  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.`);
  }
}

const person = new Person("Alice", 30);
person.greet();

泛型：

泛型用来增加代码的灵活性和复用性。示例：

function identity<T>(arg: T): T {
  return arg;
}

const result = identity<number>(10); // result的类型为number

模块化：

TypeScript可以使用import和export来导入和导出模块的功能。示例：

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

// main.ts
import { add } from './math';

console.log(add(5, 10)); // 输出15

枚举：

枚举用来定义一组有名字的常量。示例：

enum Color {
  Red,
  Green,
  Blue
}

const color: Color = Color.Red;
console.log(color); // 输出0，对应Red

类型别名：

类型别名用来给类型起一个新的名字。示例：

type Point = {
  x: number;
  y: number;
};

const point: Point = {
  x: 10,
  y: 20
};

异步编程：

TypeScript可以使用async和await来进行异步编程。示例：

function delay(ms: number): Promise<void> {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function delayedGreeting(): Promise<void> {
  await delay(2000);
  console.log("Hello, World!");
}

delayedGreeting();

这些是我TypeScript的学习笔记，带有相应的案例。希望对你的学习有所帮助！