02.前端面试题之ts_面试官：说说你对 TypeScript 中类的理解？应用场景？

文章目录

一、是什么类

类（Class）是面向对象编程（OOP）的核心概念，它为信息封装提供了基础结构。

类是一种自定义的引用类型，通常称为类类型，它允许开发者创建具有特定属性和方法的对象蓝图。

传统的面向对象语言大多以类为基石，而JavaScript则采用了基于原型的继承模型，这给开发者带来了一定的学习曲线。

随着ES6的推出，JavaScript引入了 class关键字，虽然它在底层仍然是基于构造函数，但提供了更简洁的语法，使得类的设计更加直观。

然而，JavaScript的 class仍然缺少一些面向对象语言中的特性，例如修饰符和抽象类。

TypeScript扩展了JavaScript的 class，完整支持面向对象编程的所有特性，包括类、接口、修饰符和抽象类等，为开发者提供了更丰富的面向对象编程能力。

二、使用方式

定义类的关键字为 class，后面紧跟类名，类可以包含以下几个模块（类的数据成员）：

字段：字段是类里面声明的变量。字段表示对象的有关数据。
构造函数：类实例化时调用，可以为类的对象分配内存。
方法：方法为对象要执行的操作

如下例子：

class Car {
    
    
    // 字段
    engine:string;

    // 构造函数
    constructor(engine:string) {
    
    
        this.engine = engine
    }

    // 方法
    disp():void {
    
    
        console.log("发动机为 :   "+this.engine)
    }
}

继承

类的继承使用过extends的关键字

class Animal {
    
    
    move(distanceInMeters: number = 0): void {
    
    
        console.log(`Animal moved ${
      
      distanceInMeters}m.`);
    }
}

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

    performActions(distanceInMeters: number = 0): void {
    
    
        this.bark();
        this.move(distanceInMeters);
        this.bark();
    }
}

const dog = new Dog();
dog.performActions(10);

Dog是一个派生类，它派生自 Animal 基类，派生类通常被称作子类，基类通常被称作超类

Dog类继承了Animal类，因此实例dog也能够使用Animal类move方法

同样，类继承后，子类可以对父类的方法重新定义，这个过程称之为方法的重写，通过super关键字是对父类的直接引用，该关键字可以引用父类的属性和方法，如下：

class PrinterClass {
    
    
   doPrint():void {
    
    
      console.log("父类的 doPrint() 方法。")
   }
}

class StringPrinter extends PrinterClass {
    
    
   doPrint():void {
    
    
      super.doPrint() // 调用父类的函数
      console.log("子类的 doPrint()方法。")
   }
}

修饰符

可以看到，上述的形式跟ES6十分的相似，typescript在此基础上添加了三种修饰符：

公共 public：可以自由的访问类程序里定义的成员
私有 private：只能够在该类的内部进行访问
受保护 protect：除了在该类的内部可以访问，还可以在子类中仍然可以访问