الدرس الرابع -الكائنات

الكائنات 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>