TypeScript 第九天,TypeScript面向对象之Class(一)

118 阅读3分钟

面向对象是编程中的很重要的一种思想,对象是实例的抽象,就比如说我们有一个电脑,这个电脑我们就可以抽象成一个类,这个类包含鼠标,键盘等属性,和移动鼠标和敲键盘方法。这样我们就可以写成如下示例:

class Computer{
    keyboard:string,
    mouse:string,
    onkeyboard(){
    }
    onmouse(){
    }
}

上面代码就是面向对象思想的实现,那我们具体来看一下类中有哪些需要注意的事情吧!

类(Class)

要想面向对象,操作对象,首先便要拥有对象,那么下一个问题就是如何创建对象。要创建对象,必须要先定义类,所谓的类可以理解为对象的模型,程序中可以根据类创建指定类型的对象,举例来说:可以通过Person类来创建人的对象,通过Dog类创建狗的对象,通过Car类来创建汽车的对象,不同的类可以用来创建不同的对象。 从上面的代码中我们可以看出,类如何定义的。我们具体来看:

class 类名 {
	属性名: 类型;
	
	constructor(参数: 类型){
		this.属性名 = 参数;
	}
	
	方法名(){
		....
	}

}

上面就是我们类的大概结构。那我们可以写一些类的实现,如下就是一个人的类:

class Person{
    name: string;
    age: number;

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

    sayHello(){
        console.log(`大家好,我是${this.name}`);
    }
}

那我们如何使用上面的类呢?别着急我们看下面:

const p = new Person('孙悟空', 18);
p.sayHello();

面向对象的特点

封装

  • 对象实质上就是属性和方法的容器,它的主要作用就是存储属性和方法,这就是所谓的封装
  • 默认情况下,对象的属性是可以任意的修改的,为了确保数据的安全性,在TS中可以对属性的权限进行设置

readonly

只读属性,只读属性必须在声明时或构造函数里被初始化

static

static是静态属性,可以直接通过类名访问,也就是说这样的类不需要实例化就可以直接访问我们的属性。我们看这个例子:

class Tools{
    static PI = 3.1415926;
    
    static sum(num1: number, num2: number){
        return num1 + num2
    }
}

console.log(Tools.PI);
console.log(Tools.sum(123, 456));

修饰符

TypeScript中有三种修饰符分别是:public protected private. public指的是:可以在类、子类和对象中修改 例子

class Person{
    public name: string; // 写或什么都不写都是public
    public age: number;

    constructor(name: string, age: number){
        this.name = name; // 可以在类中修改
        this.age = age;
    }

    sayHello(){
        console.log(`大家好,我是${this.name}`);
    }
}

class Employee extends Person{
    constructor(name: string, age: number){
        super(name, age);
        this.name = name; //子类中可以修改
    }
}

const p = new Person('孙悟空', 18);
p.name = '猪八戒';// 可以通过对象修改

protected可以在类、子类中修改

class Person{
    protected name: string;
    protected age: number;

    constructor(name: string, age: number){
        this.name = name; // 可以修改
        this.age = age;
    }

    sayHello(){
        console.log(`大家好,我是${this.name}`);
    }
}

class Employee extends Person{

    constructor(name: string, age: number){
        super(name, age);
        this.name = name; //子类中可以修改
    }
}

const p = new Person('孙悟空', 18);
p.name = '猪八戒';// 不能修改

private指的是:可以在类中修改 例子

class Person{
    private name: string;
    private age: number;

    constructor(name: string, age: number){
        this.name = name; // 可以修改
        this.age = age;
    }

    sayHello(){
        console.log(`大家好,我是${this.name}`);
    }
}

class Employee extends Person{

    constructor(name: string, age: number){
        super(name, age);
        this.name = name; //子类中不能修改
    }
}

const p = new Person('孙悟空', 18);
p.name = '猪八戒';// 不能修改

属性存取器

在我们的private中经常可以用到属性存取器,也就是说我们可以通过属性存取器来获取或修改类中的属性,如下代码:

class Person{
    private _name: string;

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

    get name(){
        return this._name;
    }

    set name(name: string){
        this._name = name;
    }

}

const p1 = new Person('孙悟空');
console.log(p1.name); // 通过getter读取name属性
p1.name = '猪八戒'; // 通过setter修改name属性

继承

继承是面向对象中的又一个特性,通过继承可以将其他类中的属性和方法引入到当前类中,下面我们来看一个例子。

class Animal{
   name: string;
   age: number;

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

class Dog extends Animal{

   bark(){
       console.log(`${this.name}在汪汪叫!`);
   }
}

const dog = new Dog('旺财', 4);
dog.bark();

上面例子中我们定义了一个父类Animal,子类Dog继承Animal从而自动识别name属性,可以查看我们控制台会打印出旺财在汪汪叫!

继承中的重写

我们先来看一个例子:

class Animal{
   name: string;
   age: number;

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

   run(){
       console.log(`父类中的run方法!`);
   }
}

class Dog extends Animal{

   bark(){
       console.log(`${this.name}在汪汪叫!`);
   }

   run(){
       console.log(`子类中的run方法,会重写父类中的run方法!`);
   }
}

const dog = new Dog('旺财', 4);
dog.bark();
  • 发生继承时,如果子类中的方法会替换掉父类中的同名方法,这就称为方法的重写, 在子类中可以使用super来完成对父类的引用.

抽象类

特点

1.它是提供其他类继承的基类,不能直接被实例化 2.用abstract关键字定义抽象类和抽象方法,抽象类中的抽象方法不包含具体实现并且必须在派生类中实现 3.抽象方法只能放在抽象类里面

  • 抽象类是专门用来被其他类所继承的类,它只能被其他类所继承不能用来创建实例 下面我们来看一个例子:
abstract class Animal{
    abstract run(): void;
    bark(){
        console.log('动物在叫~');
    }
}

class Dog extends Animals{
    run(){
        console.log('狗在跑~');
    }
}

使用abstract的类叫做抽象类,使用abstract开头的方法叫做抽象方法,抽象方法没有方法体只能定义在抽象类中,继承抽象类时抽象方法必须要实现

好了,今天就先写到这里,下次见,谢谢大家观看