Typescript(ts)之面向对象

介绍:

昨天学习了typescript 的安装及其基本语法,今天来学习ts中比较重要的面向对象

首先:

面向对象

面向对象是程序中一个非常重要的思想，面向对象的方法主要是把事物给对象化，包括其属性和行为。面向对象编程更贴近实际生活的思想。总体来说面向对象的底层还是面向过程，面向过程抽象成类，然后封装，方便使用就是面向对象（万物皆对象）

1、类（class）

• 类class的类型 本质上是一个函数; 类本身就指向自己的构造函数。

• 一个类必须有constructor方法，如果没有显示定义，一个空的constructor方法会被默认添加

• 定义类：

   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();
    

2、面向对象的特点

• 封装

  • 对象实质上就是属性和方法的容器，它的主要作用就是存储属性和方法，这就是所谓的封装

  • 默认情况下，对象的属性是可以任意的修改的，为了确保数据的安全性，在TS中可以对属性的权限进行设置

  • 只读属性（readonly）：

    • 如果在声明属性时添加一个readonly，则属性便成了只读属性无法修改

  • TS中属性具有三种修饰符：

    • 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