Typescript-简介和常用类型（一篇教你入门Typescript）

简介

TypeScript=Type+JavaScript（在JS基础上增加了类型支持）

TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，添加了静态类型检查和其他一些面向对象编程的特性。

与JavaScript的区别（静态类型编程语言和动态类型编程语言的区别）：

TypeScript是静态类型编程语言

在编译时能进行较为严格的类型检查，有助于及早发现类型相关错误。
代码的可读性和可维护性较好，因为类型明确。
编译器可以进行一些优化。
编写代码时可能需要更多的类型声明工作。
代表语言有 C、C++、Java、TypeScript 等。

JavaScript是动态类型编程语言

编写代码较为灵活、自由，不需要过多关注类型声明。
开发效率在某些情况下可能更高。
可能在运行时出现难以预测的类型错误。
代码的规范性和可读性在某些情况下可能相对较差。
代表语言有 Python、JavaScript、Ruby 等。

Typescript（简称：TS）和JavaScript（简称JS）的关系：

TS是JS的超集（JS有的TS都有）
以下是对 TypeScript 的一些介绍要点：
优点：

• 静态类型检查有助于在开发过程中尽早发现错误。
• 提供了更好的代码组织和可读性。
• 支持更强大的面向对象编程概念，如类、接口等。

TS生成的文件扩展名为.ts

编译后成为.js

常用类型

下面是对常用类型的代码演示：

// 布尔类型
let isTrue: boolean = true;

// 数字类型
let num: number = 5;

// 字符串类型
let str: string = "Hello";

// 数组类型
let arr: number[] = [1, 2, 3];

// 元组类型
let tuple: [string, number] = ["abc", 10];

// 枚举类型
enum Direction {
  Up,
  Down,
  Left,
  Right
}
let dir: Direction = Direction.Up;

// 任意类型
let anything: any = "anything can be here";

// 空类型
let voidValue: void;

// 函数类型
function add(a: number, b: number): number {
  return a + b;
}
let myAdd: (a: number, b: number) => number = add;

// 字面量类型
let status: 'active' | 'inactive';
status = 'active';

// 接口类型
interface Person {
  name: string;
  age: number;
}

let person: Person = {
  name: 'John',
  age: 25
};