TypeScript学习——类class

港控/mmm° 2023-08-17 15:31 115阅读 0赞

在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。class 的本质是 function（代码翻译成javascript就是function）。它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。

### 一、类声明，关键字为class ###

方法一：

class Example 
    {
    
    }

方法一：

let Example1 = class{
    
    }

作用域内不可重复声明相同类名

### 二、constructor 方法 ###

constructor 方法是类的默认方法，创建类的实例化对象时被调用。类比构造函数

class Example3{
        constructor(){
          //默认返回实例对象 this
          console.log('constructor');
        }
    }
    
    new Example3(); // constructor

### 三、静态方法 ###

class Example4{
        static test(str) {
            console.log(str);
        }
    }
    
    //可不用实例化（new关键字），直接调用
    Example4.test("aaaaaaaaaa"); //aaaaaaaaaa

### 四、实例化的方法 ###

class Example5 {
        test(str) {
            console.log(str);
        }
    }
    
    //先需要实例化（new关键字）
    let exam = new Example5();
    exam.test("bbbbbbbb"); //bbbbbbbb

### 五、通过 extends 实现类的继承 ###

class Child extends Father {
    
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzE2OTk4OTQ1_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzE2OTk4OTQ1_size_16_color_FFFFFF_t_70]: /images/20230810/49a531fdc1ca495888e85a3de1a2a5e9.png