从头认识 TypeScript：基础知识详解

1. TypeScript是什么？

TypeScript 是一种由 Microsoft 创建的开源编程语言，它是 JavaScript 的一个超集，这意味着 TypeScript 包含了 JavaScript 的所有语法特性，并且还添加了一些新的特性，包括类型注解、接口、枚举等。TypeScript 可以编译成 JavaScript 代码，因此它可以在任何支持 JavaScript 的浏览器或环境中运行。

2. TypeScript的好处

1. TypeScript 可以使代码更加安全：它能够帮助你检测代码中的错误，并防止在运行时出现问题。
2. TypeScript 可以使代码更易理解和维护：它提供了类型注解，可以帮助你快速了解代码的功能和结构。
3. TypeScript 可以使代码更易重用：它支持模块化编程，可以帮助你将代码分解成更小的模块，并方便地重用这些模块。

3. TypeScript的基本语法

TypeScript 的基本语法与 JavaScript 非常相似，但它添加了一些新的特性，例如类型注解、接口和枚举等。

3.1 变量和数据类型

TypeScript 中的变量可以存储不同类型的数据，包括数字、字符串、布尔值等。每个变量都必须先声明其类型，然后才能使用。

3.2 类型注解

类型注解可以帮助你指定变量的类型，例如：

let name: string = "John Doe";
let age: number = 30;

3.3 接口

接口可以帮助你定义对象的数据结构，例如：

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

3.4 枚举

枚举可以帮助你定义一组常量，例如：

enum Color {
  Red,
  Green,
  Blue
}

4. TypeScript的函数

TypeScript 中的函数与 JavaScript 中的函数非常相似，但它添加了一些新的特性，例如类型注解和默认参数等。

4.1 函数声明

function greet(name: string): string {
  return "Hello, " + name + "!";
}

4.2 类型注解

类型注解可以帮助你指定函数的参数类型和返回值类型，例如：

function sum(a: number, b: number): number {
  return a + b;
}

4.3 默认参数

默认参数可以帮助你为函数的参数设置默认值，例如：

function greet(name: string = "World"): string {
  return "Hello, " + name + "!";
}

5. TypeScript的类

TypeScript 中的类与 JavaScript 中的类非常相似，但它添加了一些新的特性，例如类型注解和访问控制等。

5.1 类声明

class Person {
  private name: string;
  private age: number;

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

  getName(): string {
    return this.name;
  }

  getAge(): number {
    return this.age;
  }
}

5.2 访问控制

TypeScript 中的类可以设置访问控制修饰符，包括 public、protected 和 private，这些修饰符可以控制类成员的访问权限。

6. TypeScript的模块

TypeScript 支持模块化编程，你可以将代码分解成更小的模块，并方便地重用这些模块。

6.1 模块声明

export class Person {
  private name: string;
  private age: number;

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

  getName(): string {
    return this.name;
  }

  getAge(): number {
    return this.age;
  }
}

6.2 模块导入

import { Person } from "./person";

let person = new Person("John Doe", 30);

7. 总结

TypeScript 是一种功能强大的编程语言，它可以使代码更加安全、易理解、易维护和易重用。如果你想学习一种新的编程语言，那么 TypeScript 是一个非常好的选择。