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

<!DOCTYPE html>
<html>
<body>
    <script>
		class Person {
			// هنا قمنا بتعريف كونستركتور الكلاس و قد وضعنا قيمة إفتراضية لكل باراميتر فيه
			constructor(name = 'unknown', job = 'unknown', age = 0) {
				this.name = name; // name سيتم وضعها في الخاصية name القيمة التي يتم تمريرها في الباراميتر
				this.job = job;  // job سيتم وضعها في الخاصية job القيمة التي يتم تمريرها في الباراميتر
				this.age = age;  // age سيتم وضعها في الخاصية age القيمة التي يتم تمريرها في الباراميتر
			}

// مهمتها طباعة قيم الخصائص عندما يتم استدعائها printInfo هنا قمنا بتعريف دالة إسمها
			printInfo() {
				document.write('Name: ' + this.name + '<br>');
				document.write('Job: ' + this.job + '<br>');
				document.write('Age: ' + this.age + '<br><hr>');
			}
		}

// p1 إسمه Person هنا قمنا بإنشاء كائن من الكلاس
		p1 = new Person();

// p2 إسمه Person هنا قمنا بإنشاء كائن من الكلاس
		p2 = new Person('Mhamad', 'Programmer', 29);

// لطباعة قيم خصائصهما p2 و p1 من الكائنين printInfo() هنا قمنا باستدعاء الدالة
		p1.printInfo();
		p2.printInfo();
    </script>
</body>
</html>