TypeScript的一些基础语法

以下是 TypeScript（TS）的语法基础要点汇总：

 一、变量声明

 1. 基本类型：

 -  let  和  const  声明变量，与 JavaScript 类似。

- 基本类型包括  number （数字）、 string （字符串）、 boolean （布尔值）等。

let age: number = 30;

const name: string = "John";

let isTrue: boolean = true;

 2. 数组类型：

 - 使用类型加上方括号表示数组类型。

let numbers: number[] = [1, 2, 3];

let strings: string[] = ["apple", "banana"];

 3. 元组类型：

 - 固定长度的数组，且每个元素的类型可以不同。

let tuple: [string, number] = ["hello", 42];

 二、函数声明

 1. 函数定义：

 - 指定参数类型和返回值类型。

function add(a: number, b: number): number {

   return a + b;

}

 2. 可选参数和默认参数：

 - 可选参数用  ?  表示，默认参数直接赋值。

function greet(name: string, greeting?: string = "Hello"): string {

   return `${greeting}, ${name}!`;

}

 三、接口

 1. 定义接口：

 - 描述对象的结构和类型。

interface Person {

   name: string;

   age: number;

}

 2. 实现接口：

 - 类或对象必须符合接口定义的结构。

class Employee implements Person {

   name: string;

   age: number;

   department: string;

 constructor(name: string, age: number, department: string) {

      this.name = name;

      this.age = age;

      this.department = department;

   }

}

四、类

 1. 类的定义：

 - 包括属性、方法和构造函数。

class Animal {

   name: string;

   constructor(name: string) {

      this.name = name;

   }

   speak(): void {

      console.log(`${this.name} makes a sound.`);

   }

}

 2. 继承：

 - 使用  extends  关键字实现继承。

class Dog extends Animal {

   breed: string;

   constructor(name: string, breed: string) {

      super(name);

      this.breed = breed;

   }

   bark(): void {

      console.log(`${this.name} barks.`);

   }

}

 五、泛型

 1. 泛型函数：

 - 可以适用于多种类型的参数。

function identity<T>(arg: T): T {

   return arg;

}

 2. 泛型类：

 - 类的结构可以基于泛型类型参数。

class GenericNumber<T> {

   zeroValue: T;

   add: (x: T, y: T) => T;

   constructor(zeroValue: T, add: (x: T, y: T) => T) {

      this.zeroValue = zeroValue;

      this.add = add;

   }

}

 六、类型断言

 1. 断言类型：

- 告诉编译器一个值的具体类型。

let someValue: any = "This is a string";

let strLength: number = (someValue as string).length;

 七、枚举

 1. 定义枚举：

- 一组命名的常量。

enum Color {

   Red,

   Green,

   Blue,

}

 八、模块

 1. 导入和导出：

- 组织代码为模块，可导入和导出功能。

// moduleA.ts

export function sayHello() {

   console.log("Hello from module A!");

}

// moduleB.ts

import { sayHello } from "./moduleA";

sayHello();