Clase ES6: Suprascrierea 'Metodelor' Claselor

chivumarius · chivumarius · commit 18669e16d775 · 2021-07-21T21:17:29.000+03:00
diff --git a/clase_es6__suprascrierea_metodelor_claselor.html b/clase_es6__suprascrierea_metodelor_claselor.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<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>
+        Clase ES6: Suprascrierea 'Metodelor' Claselor
+    </title>
+</head>
+
+<body>
+    <h1>Clase ES6: Suprascrierea 'Metodelor' Claselor</h1>
+
+    <!-- IMPORTARE FISIER 'JS' -->
+    <script src="js/clase/clase_es6__suprascrierea_metodelor_claselor.js"></script>
+</body>
+
+</html>
diff --git a/js/clase/clase_es6__suprascrierea_metodelor_claselor.js b/js/clase/clase_es6__suprascrierea_metodelor_claselor.js
@@ -0,0 +1,41 @@
+/* ===============================================================
+    CLASE ES6 (ECMASCRIPT6):: 
+    SUPRASCRIEREA  'METODELOR'  CLASELOR
+=================================================================*/
+
+
+//=================================================================
+// (1) CLASA 'FORMA':
+//=================================================================
+class Forma {
+
+    //  METODA:
+    miscare() {
+        console.log('Miscarea Cercului');
+    }
+}
+
+
+//=================================================================
+// (2) CLASA 'CERC' CARE 'EXTINDE' CLASA 'FORMA':
+//=================================================================
+class Cerc extends Forma {
+
+
+    // SUPRASCRIEREA METODEI 'MISCARE()':
+    miscare() {
+
+        // ACCESAREA METODEI 'PARINTE':
+        super.miscare();
+
+        // AFISARE:
+        console.log('miscare');
+    }
+}
+
+
+
+//=================================================================
+// (3) CREAREA OBIECTULUI 'CERC': 
+//=================================================================
+const c = new Cerc('Albastru Maritim', 1);
