TypeScript基础知识点

最新推荐文章于 2025-07-19 07:38:45 发布

诗雅颂

最新推荐文章于 2025-07-19 07:38:45 发布

阅读量265

点赞数 3

CC 4.0 BY-SA版权

文章标签： typescript ts js node 前端

本文链接：https://blog.youkuaiyun.com/andrew_wf/article/details/136244034

本文介绍了TypeScript，微软开发的JavaScript超集，强调其添加的类型声明、接口、类、泛型和枚举等特性，提升代码的可读性、可维护性和可扩展性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TypeScript 是一种由微软开发和维护的开源编程语言，是 JavaScript 的超集。它添加了可选的静态类型、类、接口、枚举和其他高级功能，可以提高代码的可读性、可维护性和可扩展性。

以下是 TypeScript 的基础知识点：

类型声明：TypeScript 可以自动推断变量类型，也可以手动声明类型。例如：

let num: number = 123;
let str: string = 'hello';
let bool: boolean = true;

接口：TypeScript 中的接口可以用来定义对象的结构，并且可以在编译时进行类型检查。例如：

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

function greet(person: Person) {
  console.log(`Hello, ${person.name}! You are ${person.age} years old.`);
}

greet({ name: 'Alice', age: 30 });

类：TypeScript 支持类的定义，并且可以使用访问修饰符（public、private、protected）来控制成员的访问权限。例如：

class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  move(distanceInMeters: number) {
    console.log(`${this.name} moved ${distanceInMeters}m.`);
  }
}

class Dog extends Animal {
  bark() {
    console.log('Woof! Woof!');
  }
}

const dog = new Dog('Leo');
dog.move(10); // Leo moved 10m.
dog.bark();   // Woof! Woof!

泛型：TypeScript 支持泛型，可以在编译时进行类型检查。例如：

function identity<T>(arg: T): T {
  return arg;
}

let num = identity<number>(123);      // num: number
let str = identity<string>('hello');  // str: string

枚举：TypeScript 支持枚举类型，可以为一组数值赋予更有意义的名称。例如：

enum Color {
  Red,
  Green,
  Blue,
}

let c: Color = Color.Green;
console.log(c); // 1