TypeScript 类

1. 基本用法

在 TypeScript 中,可以使用 class 关键字来定义类,然后通过 new 关键字来创建类的实例。例如:

typescript 复制代码
class Person {
    name: string;
    age: number;

    constructor(name: string, age: number) {
        this.name = name;
        this.age = age;
    }

    greet() {
        console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
    }
}

let person = new Person("Alice", 30);
person.greet(); // 输出:Hello, my name is Alice and I'm 30 years old.

2. 继承与多态

在 TypeScript 中,类支持继承,子类可以继承父类的属性和方法,并且可以重写父类的方法实现多态。例如:

typescript 复制代码
class Animal {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    makeSound() {
        console.log("Animal makes a sound.");
    }
}

class Dog extends Animal {
    makeSound() {
        console.log("Dog barks.");
    }
}

let dog = new Dog("Buddy");
dog.makeSound(); // 输出:Dog barks.

3. 访问修饰符

TypeScript 提供了访问修饰符(Access Modifiers),用于控制类的成员的可访问性。包括 publicprivateprotected。例如:

typescript 复制代码
class Car {
    private speed: number;

    constructor(speed: number) {
        this.speed = speed;
    }

    accelerate() {
        this.speed += 10;
    }

    getSpeed() {
        return this.speed;
    }
}

let car = new Car(50);
// console.log(car.speed); // Error: 'speed' is private and can only be accessed within class 'Car'
console.log(car.getSpeed()); // 输出:50
car.accelerate();
console.log(car.getSpeed()); // 输出:60

4. 抽象类

抽象类(Abstract Class)是不能直接实例化的类,它只能被继承,用于提供其他类的通用功能。抽象类可以包含抽象方法,子类必须实现这些抽象方法。例如:

typescript 复制代码
abstract class Shape {
    abstract area(): number;
}

class Circle extends Shape {
    radius: number;

    constructor(radius: number) {
        super();
        this.radius = radius;
    }

    area(): number {
        return Math.PI * this.radius * this.radius;
    }
}

let circle = new Circle(5);
console.log(circle.area()); // 输出:78.53981633974483

5. 类与接口

类与接口是 TypeScript 中两个重要的概念,可以结合使用,实现更灵活的代码结构。例如:

typescript 复制代码
interface Printable {
    print(): void;
}

class Document implements Printable {
    print() {
        console.log("Document is being printed.");
    }
}
相关推荐
daemon.qiang11 小时前
国内虚拟机对接 Freedesktop:Fork xserver、自建 Runner 与提交 MR 实战
linux·ubuntu·centos·gitlab·开源软件
掰头战士14 小时前
多重影分身!恨不得把一个agent掰成两个? 还真能干!
typescript·llm·agent
高级程序源14 小时前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计
lizz227615 小时前
Babel插件手册
javascript
orange....15 小时前
VMware 双网卡配置:宿主机切换网络时 Ubuntu 固定 IP 访问方案
网络·ubuntu·网络安全
VXbishe18 小时前
【课程设计】基于SpringBoot的乡村政务服务系统的设计与实现-计算机毕设77011
javascript·vue.js·spring boot·python·php·课程设计·政务
志尊宝18 小时前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5
shmily麻瓜小菜鸡18 小时前
TDD(测试驱动开发)详解
开发语言·javascript·typescript·node.js·ecmascript
园长的牧歌19 小时前
Ubuntu 打开应用在导航栏没有图标是个齿轮
linux·ubuntu
wcy031020 小时前
POST为什么会发送两次请求
javascript·ajax