資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學JavaScript 中的 super 關鍵字？
在本文中，我們將討論 JavaScript 中的 super 關鍵字並提供相應的示例。
super 關鍵字主要用於面向物件程式設計。super 關鍵字用於呼叫物件父類的引數和函式。
有時，父類和子類可能具有相同的函式名和引數名。在這種情況下，為了避免父類和子類函式名或引數名之間的混淆，使用super關鍵字。為了使用super關鍵字，子類方法必須擴充套件父類方法。
語法
super關鍵字的語法如下：
Super(arguments); // To call Super class arguments Super.Parent_Method(arguments) // To call super class methods.
其中，
arguments 是父類或父類方法的引數。
Parent_Method 是超類方法。
示例 1
這是一個示例程式，透過呼叫超類引數來定義super關鍵字的用法。
<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<meta http-equiv ="X-UA-Compatible" content ="IE=edge">
<meta name ="viewport" content ="width=device-width, initial-scale =1.0">
<title>Super keyword in Javascript</title>
</head>
<body>
<p id="super" style="text-align : center"></p>
<script>
class Person{
constructor(person_name) {
this.name = person_name;
}
getPersonName() {
return this.name;
}
}
class Aadhar extends Person {
constructor(person_name,AadharID){
super(person_name);
this.AadharID = AadharID;
}
showAadharId() {
return 'The Aadhar ID for the person '+ this.getPersonName() +' is : '+this.AadharID;
}
}
var person_id = new Aadhar('Rajesh','5000 0000 0000 0000');
document.write(person_id.showAadharId());
</script>
</body>
</html>
執行上述程式碼後，將生成以下輸出。
示例 2
這是一個示例程式，透過呼叫超類方法來定義super關鍵字的用法。
<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<meta http-equiv ="X-UA-Compatible" content ="IE=edge">
<meta name ="viewport" content ="width=device-width, initial-scale =1.0">
<title>Super keyword in Javascript</title>
</head>
<body>
<p id="super" style="text-align : center"></p>
<script>
class Person{
constructor(person_name) {
this.name = person_name;
}
getPersonName() {
return 'The person name is : '+this.name;
}
}
class Aadhar extends Person {
constructor(person_name,PANID){
super(person_name);
this.PANID = PANID;
}
show_PAN_CARD_ID() {
return super.getPersonName() +' and the PAN Card ID is : '+this.PANID;
}
}
var person_id = new Aadhar('Ravi','DD JJN 7854 A');
document.getElementById('super').innerHTML = person_id.show_PAN_CARD_ID();
</script>
</body>
</html>
執行上述程式碼後，將生成以下輸出。
更新於：2022年12月9日
987 次瀏覽
廣告