當(dāng)前位置：首頁(yè) > 千鋒問(wèn)問(wèn) > ES6中的關(guān)鍵字super該如何理解？

ES6中的關(guān)鍵字super該如何理解？

匿名提問(wèn)者 2023-05-23 11:14:16

ES6中的關(guān)鍵字super該如何理解？

推薦答案

小鋒 2023-05-23 11:14:16

本回答由問(wèn)問(wèn)達(dá)人推薦

　　super關(guān)鍵字是ES6新增的關(guān)鍵字，用于在子類中調(diào)用父類的構(gòu)造函數(shù)和成員方法。在ES6之前，JavaScript中的繼承通常是通過(guò)原型鏈實(shí)現(xiàn)的，這種繼承方式的缺點(diǎn)是在子類中無(wú)法直接訪問(wèn)父類的構(gòu)造函數(shù)和成員方法。

　　使用super關(guān)鍵字可以輕松實(shí)現(xiàn)在子類中調(diào)用父類的構(gòu)造函數(shù)和成員方法。super關(guān)鍵字用于指代當(dāng)前對(duì)象所繼承的父對(duì)象，通過(guò)super關(guān)鍵字可以訪問(wèn)父類的成員。

　　具體來(lái)說(shuō)，super可以做兩件事情：

　　1. 調(diào)用父類構(gòu)造函數(shù)：使用super()可以在子類中調(diào)用父類的構(gòu)造函數(shù)，并傳遞參數(shù)。例如：

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}

class Student extends Person {
    constructor(name, age, grade) {
        super(name, age); // 調(diào)用父類構(gòu)造函數(shù)
        this.grade = grade;
    }
}

let student = new Student("Tom", 18, "A");

　　在上面的代碼中，子類Student通過(guò)調(diào)用super(name, age)方法來(lái)調(diào)用父類Person的構(gòu)造函數(shù)，以實(shí)現(xiàn)繼承父類的成員變量name和age。

　　2. 調(diào)用父類成員方法：使用super.methodName()可以在子類中調(diào)用父類的成員方法。例如：

class Person {
    hello() {
        console.log(`Hello, ${this.name}`);
    }
}

class Student extends Person {
    hello() {
        super.hello(); // 調(diào)用父類方法
        console.log(`I am a student of grade ${this.grade}`);
    }
}

let student = new Student("Tom", 18, "A");
student.hello();

　　在上面的代碼中，子類Student通過(guò)調(diào)用super.hello()方法來(lái)調(diào)用父類Person的成員方法hello()，以實(shí)現(xiàn)繼承父類的行為。在子類中可以重寫(xiě)父類的成員方法，并通過(guò)使用super關(guān)鍵字來(lái)調(diào)用父類的成員方法，從而實(shí)現(xiàn)擴(kuò)展或重用父類的代碼。

其他答案

匿名用戶 2023-05-23 11:14:16

　　在ES6中，關(guān)鍵字super常常被用來(lái)引用父類的構(gòu)造函數(shù)或方法。它允許我們?cè)谧宇愔性L問(wèn)和調(diào)用父類的屬性和方法，從而使得代碼更加靈活和模塊化。在ES5中，我們通常通過(guò)在子類的構(gòu)造函數(shù)中調(diào)用父類的構(gòu)造函數(shù)來(lái)繼承父類的屬性和方法。例如，如果我們要?jiǎng)?chuàng)建一個(gè)Animal類和一個(gè)Dog類，使得Dog類繼承Animal類的屬性和方法，我們可以在Dog類的構(gòu)造函數(shù)中調(diào)用Animal類的構(gòu)造函數(shù)。這樣做雖然有效，但是存在重復(fù)的代碼和構(gòu)造函數(shù)的綁定問(wèn)題。ES6的關(guān)鍵字super就可以解決這些問(wèn)題。
匿名用戶 2023-05-23 11:14:16

　　在ES6中，`super` 關(guān)鍵字用于訪問(wèn)和調(diào)用父類的屬性和方法。它的主要作用是在子類中引用父類的構(gòu)造函數(shù)和成員，以實(shí)現(xiàn)繼承和重用。具體理解 `super` 關(guān)鍵字有以下幾點(diǎn)：1. 調(diào)用父類構(gòu)造函數(shù)：在子類的構(gòu)造函數(shù)中，使用 `super()` 來(lái)調(diào)用父類的構(gòu)造函數(shù)。這樣可以繼承父類的屬性和方法，并且可以在子類構(gòu)造函數(shù)中添加自己的邏輯。2. 訪問(wèn)父類的方法：通過(guò) `super.method()` 的方式可以調(diào)用父類中的方法。這在子類中重寫(xiě)父類方法時(shí)特別有用，可以在子類中調(diào)用父類的方法來(lái)實(shí)現(xiàn)父類的功能，并在此基礎(chǔ)上添加額外的操作。3. 訪問(wèn)父類的屬性：使用 `super.property` 可以訪問(wèn)父類的屬性。如果子類中沒(méi)有同名的屬性，可以通過(guò) `super.property` 來(lái)獲取父類的屬性值。