كائنات JavaScript

تُخزن كائنات JavaScript القيم والدوال.

تخيل سيارة. تمتلك جميع السيارات خصائص (properties) مثل اللون والطراز. وتمتلك جميع السيارات أساليب (methods) مثل القيادة أو الكبح. وتختلف القيم والتوقيت من سيارة لأخرى.

الخصائص والأساليب (Properties and Methods)

مثال على كائن:

const car = {
  type: "Fiat",
  model: "500",
  color: "white"
};

في هذا المثال، type و model و color هي خصائص. و "Fiat" و "500" و "white" هي القيم.

إنشاء الكائنات (Creating Objects)

تستخدم "object literals" لتعريف الكائنات. حيث تضع أزواج (مفتاح-قيمة) داخل أقواس متعرجة {}. ولا تحتاج إلى مسافات محددة أو فواصل أسطر.

مثال:

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

إدارة الخصائص (Managing Properties)

يمكنك تغيير الخصائص أو إضافتها أو حذفها في أي وقت.

كيفية الوصول إلى الخصائص:

  1. طريقة النقطة (Dot notation): person.age هذه هي الطريقة الأفضل من حيث سهولة القراءة.

  2. طريقة الأقواس (Bracket notation): person["age"] استخدم هذه الطريقة إذا كان اسم الخاصية موجودًا في متغير أو يحتوي على رموز خاصة مثل الشرطات (-).

  3. التعبير (Expression): person[x]

أساليب الكائنات (Object Methods)

الأساليب هي الإجراءات التي تقوم بها الكائنات. والأسلوب هو عبارة عن دالة مخزنة داخل خاصية من خصائص الكائن.

مثال:

const person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

Source: https://www.w3schools.com/js/js_object_methods.asp Full post: https://dev.to/madhanraj/javascript-objects-4i67