الدرس الرابع -الكائنات
الكائنات Opjects :
الكائن هو عنصر له عدة خواص وصفات Propertiesتمثله مثلا السيارة لها اسم وموديل ورقم ولون ولها وزن كل هذه الصفات تمثل السيارة وأيضا لها طرق Method مثل السيارة تتحرك وتتوقف .
توضيح :
car.name = Fiat
car.model = 500
car.weight = 850kg
car.color = white
الطرق Method:
car.start()
car.drive()
car.brake()
car.stop()
صيغة كتابة الـOpject :
var car = {type:"Fiat", model:"500", color:"white"};
أيضا الشخص يمثل كائن
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
كيفية الوصول او طباعة خصائص الكائن :
objectName.propertyName
or
objectName["propertyName"]
مثال :
person.lastName;
person["lastName"];
الـ Method هي عبارة عن خصائص تخزن داخل الدوال .
function() {return this.firstName + " " + this.lastName;}
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
الكلمة This تشير الي الكائن Person
name = person.fullName();
مثال كامل لتوضيح اكثر :
<!DOCTYPE html> <html> <body> <h2>JavaScript Objects</h2> <p id="demo"></p>
<script> // Create an object: var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; } }; // Display data from the object: document.getElementById("demo").innerHTML = person.fullName(); </script> </body> </html>
|