JavaScript中class類的介紹

class的概念

一、我們為什么要用到class類?

因為通過class類來創建對象，使得開發者不必寫重復的代碼，以達到代碼復用的目的。它基於的邏輯是，兩個或多個對象的結構功能類似，可以抽象出一個模板，

依照模板復制出多個相似的對象。就像汽車制造商一遍一遍地復用相同的模板來制造大量的汽車車，我們暫且把class理解為一個模板。

但是為什么我們不用function函數用來重復使用呢？

因為funcion聲明是需要狀態提升的，而class不是，class需要先聲明再使用。

二、class類的語法

    class Student{
        constructor(name,age,sex){
            this.name = name
            this.age= age
            this.sex = sex
        }

        read(){console.log(this.name+this.age+this.sex)}
    }
    var Tom =new Student('tom',21,'男')
    Tom.read()

Tom是通過類Student實例化出來的對象。對象Tom是按照Student這個模板，實例化出來的對象。實例化出來的對象擁有預先定制好的結構和功能。

2.1 constructor 構造方法

constructor方法是一個特殊的方法，用來創建並初始化一個對象。在一個class中只能有一個命名為constructor的特殊方法，如果包含多個將會報錯。

constructor中可以通過super關鍵字，調用父類的constructor方法。

 

2.2 static （靜態方法）

通過static關鍵字為一個class創建靜態方法

class student{
    //靜態屬性
    static p = 2;
    //構造方法
    constructor(name,age,sex){
        this.name=name
        this.age=age
        this.sex=sex
    }
    //實例方法     dream(){console.log('月薪過萬。')}
}
// 靜態屬性調用
console.log(student.p)

2.3 類的繼承 extends

class A {
     constructor(){
            this.name = 'Marry'
            this.age= 18
        }
    read(){console.log(this.name+this.age)}
}
class B extends A {
    constructor(props) {
        super(props)     
    }
    s(){
        console.log(this.name+this.age)
    }
}
var b = new B();
b.s()

當實例 b 調用 s 方法時，b 本身沒有 name和age，會根據繼承找到A

2.4“this”指向問題

class中的this指向實例時的對象。

2.5 super( )關鍵字

關鍵字super用於調用父類相應的方法，這是相較於原型繼承的一個好處

三.總體的寫法

// 創建一個類存放特有的屬性和方法，用來實例對象。
class Student{
    // 靜態屬性只屬於Student的屬性
    static s = "180";
    // 靜態方法只屬於Student的方法
    static m(){
        console.log("靜態方法")
    }
    // 構造方法
    constructor(props){
        //實例屬性
        this.name=props.name;
        this.age=props.age;
        this.sex=props.sex;
    }
    // 實例方法
    students(){
        console.log(this.name+this.age+this.sex)

    }
}
// 靜態屬性調用
console.log(Student.s)
// 實例化對象
var S1 = new Student('tom',21,'男');
// 調用方法
S1.students()

以上純屬個人理解，如有疑問歡迎留言