简介
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
};