在当今的软件开发领域中，TypeScript（TS）作为JavaScript的超集语言，越来越受到开发者的关注和喜爱。它扩展了JavaScript的语法，并引入了静态类型检查，为开发者提供了更好的开发工具和更可靠的代码结构。本篇博客将带你深入了解TypeScript的基础语法和一些高级特性，通过代码示例来解释说明。

基础类型

TypeScript支持多种基础数据类型，让我们先来了解一下常用的几种类型，并通过代码示例进行说明。

布尔值（boolean）

let isDone: boolean = false;

数字（number）

let decLiteral: number = 2023;
let binaryLiteral: number = 0b11111100111;
let octalLiteral: number = 0o3747;
let hexLiteral: number = 0x7e7;

字符串（string）

let name: string = "Jacky";

数组（array）

let list: number[] = [1, 2, 3];
let anotherList: Array<number> = [4, 5, 6];

元组（tuple）

let x: [string, number];
x = ['hello', 10]; // OK
x = [10, 'hello']; // Error

枚举（enum）

enum Color {Red, Green, Blue};
let c: Color = Color.Green;

未知类型（unknown）

let notSure: unknown = 4;
notSure = 'maybe a string instead';
notSure = false;

空值（void）

function test(): void {console.log('This function is void');
}

Null 和 Undefined

let u: undefined = undefined;
let n: null = null;

联合类型（union types）

let myFavoriteNumber: string | number;
myFavoriteNumber = 'seven';
myFavoriteNumber = 7;

以上是TypeScript中的一些常用基础类型，通过代码示例我们可以更直观地了解它们的使用方法。

条件语句

条件语句用于根据不同的条件执行不同的代码块。下面我们通过代码示例来介绍TypeScript中的条件语句。

if 语句

let num: number = 5;
if (num > 0) {console.log('数字是正数');
}

if…else 语句

let num: number = 12;
if (num % 2 == 0) {console.log('偶数');
} else {console.log('奇数');
}

if…else if…else 语句

let num: number = 2;
if (num > 0) {console.log(num + ' 是正数');
} else if (num < 0) {console.log(num + ' 是负数');
} else {console.log(num + ' 为0');
}

switch…case 语句

let grade: string = 'A';
switch (grade) {case 'A': {console.log('优');break;}case 'B': {console.log('良');break;}case 'C': {console.log('及格');break;}case 'D': {console.log('不及格');break;}default: {console.log('非法输入');break;}
}

通过以上代码示例，我们可以清晰地了解TypeScript中条件语句的使用方法。

函数

函数是一组用于执行特定任务的语句集合。TypeScript中的函数可以有参数和返回值，我们通过代码示例来详细介绍。

声明函数类型

function add(x: number, y: number): number {return x + y;
}let myAdd = function (x: number, y: number): number {return x + y;
};

可选参数

function buildName(firstName: string, lastName?: string) {if (lastName)return firstName + ' ' + lastName;elsereturn firstName;
}let result1 = buildName('Bob');
let result2 = buildName('Bob', 'Adams');

剩余参数

function getEmployeeName(firstName: string, ...restOfName: string[]) {return firstName + ' ' + restOfName.join(' ');
}let employeeName = getEmployeeName('Joseph', 'Samuel', 'Lucas', 'MacKinzie');

箭头函数

let testArrowFun = (num: number) => {if (num > 0) {console.log(num + ' 是正数');} else if (num < 0) {console.log(num + ' 是负数');} else {console.log(num + ' 为0');}
}testArrowFun(-1);

通过以上代码示例，我们可以了解到TypeScript中函数的不同定义方式和使用方法。

类

TypeScript支持基于类的面向对象编程，类是对象的蓝图，描述了对象的属性和方法。下面我们通过代码示例来介绍TypeScript中类的使用。

class Person {private name: string;private age: number;constructor(name: string, age: number) {this.name = name;this.age = age;}public getPersonInfo(): string {return `My name is ${this.name} and age is ${this.age}`;}
}let person1 = new Person('Jacky', 18);
person1.getPersonInfo();

class Employee extends Person {private department: string;constructor(name: string, age: number, department: string) {super(name, age);this.department = department;}public getEmployeeInfo(): string {return this.getPersonInfo() + ` and work in ${this.department}`;}
}let person2 = new Employee('Tom', 28, 'HuaWei');
person2.getPersonInfo();
person2.getEmployeeInfo();

通过以上代码示例，我们可以了解到TypeScript中类的定义、继承和使用方法。

模块

随着应用程序的复杂性增加，将代码拆分为多个模块是一种良好的实践。TypeScript支持使用模块来组织和管理代码，下面是一个简单的模块示例。

export class NewsData {title: string;content: string;imagesUrl: Array<NewsFile>;source: string;constructor(title: string, content: string, imagesUrl: Array<NewsFile>, source: string) {this.title = title;this.content = content;this.imagesUrl = imagesUrl;this.source = source;}
}import { NewsData } from '../common/bean/NewsData';

通过以上代码示例，我们可以了解到TypeScript中如何导出和导入模块。

迭代器

TypeScript支持使用迭代器来遍历可迭代对象，下面是一个简单的迭代器示例。

let someArray = [1, "string", false];for (let entry of someArray) {console.log(entry);
}

通过以上代码示例，我们可以了解到TypeScript中如何使用迭代器对可迭代对象进行遍历。

---

通过本篇博客，我们深入了解了TypeScript的基础语法和一些高级特性。我们通过代码示例详细介绍了基础类型、条件语句、函数、类、模块和迭代器等内容。希望这篇博客能够帮助你更好地理解和应用TypeScript，提升你的开发效率和代码质量。如果你对TypeScript还有更多的疑问和需求，可以继续深入学习TypeScript的官方文档和相关资料。Happy coding！