محرر ويب أونلاين

<!DOCTYPE html>
<html>
<body>
    <script>
		// A هنا قمنا بتعريف كلاس إسمه
		class A {
			// هنا قمنا بتعريف كونستركتور يحتوي على باراميتر واحد
			constructor(x) {
				// x القيمة التي يتم تمريرها للكونستركتور سيتم تخزينها في خاصية إسمها
				this.x = x;
			}

// x هنا قمنا بتعريف دالة تطبع قيمة الخاصية
			myMethod() {
				document.write('x = ' + this.x + '<br>');
			}
		}

// A يرث من الكلاس B هنا قمنا بتعريف كلاس إسمه
		class B extends A {
			// هنا قمنا بتعريف كونستركتور يحتوي على ثلاث باراميترات
			// x تم تمريرها لكونستركتور الكلاس الأب و الذي سيقوم بتخزينها في الخاصية x القيمة التي يتم تمريرها في الباراميتر
			// التي ورثها x إضافةً إلى الخاصية B سيتم تخزينها كخصائص جديدة في الكلاس z و y القيم التي يتم تمريرها للباراميترين
			constructor(x, y, z) {
				super(x);
				this.y = y;
				this.z = z;
			}

// B هنا قمنا بتعريف دالة تقوم بطباعة جميع قيم الخصائص الموجودة في الكلاس
			// x و التي ستقوم بطباعة قيمة A الموجودة في الكلاس myMethod() لاحظ أننا قمنا باستدعاء الدالة
			myMethod() {
				super.myMethod();
				document.write('y = ' + this.y + '<br>');
				document.write('z = ' + this.z + '<br>');
			}
		}

// و تمرير ثلاث قيم له b إسمه B هنا قمنا بإنشاء كائن من الكلاس
		let b = new B(10, 20, 30);

// من الكائن لطباعة جميع قيم الخصائص التي يملكها myMethod() هنا قمنا باستدعاء الدالة
		b.myMethod()
    </script>
</body>
</html>