كائنات جافا سكريبت
كائنات الحياة الحقيقية وخصائصها وطرقها
في الحياة الواقعية ، السيارة هي شيء .
للسيارة خصائص مثل الوزن واللون وطرق مثل البدء والتوقف:
| هدف | الخصائص | طرق |
|---|---|---|
|
اسم السيارة = طراز سيارة فيات = 500 سيارة الوزن = 850 كجم لون السيارة = أبيض |
car.start () car.drive () car.brake () car.stop () |
جميع السيارات لها نفس الخصائص ، ولكن تختلف قيم الممتلكات من سيارة إلى أخرى.
جميع السيارات لها نفس الأساليب ، ولكن يتم تنفيذ الأساليب في أوقات مختلفة .
كائنات جافا سكريبت
لقد تعلمت بالفعل أن متغيرات JavaScript عبارة عن حاويات لقيم البيانات.
يعين هذا الرمز قيمة بسيطة (Fiat) لمتغير يسمى car:
let car = "Fiat";
الكائنات هي متغيرات أيضًا. لكن يمكن أن تحتوي الكائنات على العديد من القيم.
يعين هذا الرمز العديد من القيم (Fiat ، 500 ، أبيض) لمتغير يسمى car:
const car = {type:"Fiat", model:"500", color:"white"};
تتم كتابة القيم كاسم: أزواج قيمة (الاسم والقيمة مفصولتان بنقطتين).
إنها ممارسة شائعة للإعلان عن الكائنات باستخدام الكلمة الأساسية const .
تعرف على المزيد حول استخدام const مع الكائنات في الفصل: JS Const .
تعريف الكائن
يمكنك تحديد (وإنشاء) كائن JavaScript مع كائن حرفي:
مثال
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
المسافات وفواصل الأسطر ليست مهمة. يمكن أن يمتد تعريف الكائن إلى عدة أسطر:
مثال
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
خصائص الموضوع
الاسم : أزواج القيم في كائنات جافا سكريبت تسمى الخصائص :
| ملكية | قيمة الملكية |
|---|---|
| الاسم الاول | يوحنا |
| الكنية | ظبية |
| عمر | 50 |
| لون العين | أزرق |
الوصول إلى خصائص الكائن
يمكنك الوصول إلى خصائص الكائن بطريقتين:
objectName.propertyName
أو
objectName["propertyName"]
مثال 1
person.lastName;
مثال 2
person["lastName"];
كائنات JavaScript هي حاويات لقيم مسماة تسمى الخصائص.
طرق الكائن
يمكن أن تحتوي الكائنات أيضًا على طرق .
الأساليب هي الإجراءات التي يمكن تنفيذها على الكائنات.
يتم تخزين الأساليب في الخصائص كتعاريف للدالة .
| ملكية | قيمة الملكية |
|---|---|
| الاسم الاول | يوحنا |
| الكنية | ظبية |
| عمر | 50 |
| لون العين | أزرق |
| الاسم الكامل | function () {return this.firstName + "" + this.lastName؛} |
الطريقة هي وظيفة مخزنة كخاصية.
مثال
const person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
هذه الكلمة _
في تعريف الوظيفة ، thisيشير إلى "مالك" الوظيفة.
في المثال أعلاه ، thisهو كائن الشخص الذي "يمتلك"
fullNameالوظيفة.
بمعنى آخر ، this.firstNameتعني firstNameخاصية هذا الكائن .
اقرأ المزيد عن thisالكلمة الأساسية في JS this Keyword .
الوصول إلى طرق الكائن
يمكنك الوصول إلى أسلوب كائن بالصيغة التالية:
objectName.methodName()
مثال
name = person.fullName();
إذا قمت بالوصول إلى عملية بدون الأقواس () ، فستعيد تعريف الوظيفة :
مثال
name = person.fullName;
لا تصرح عن الجمل والأرقام والمنطقية ككائنات!
عندما يتم التصريح عن متغير جافا سكريبت بالكلمة الأساسية " new" ، يتم إنشاء المتغير ككائن:
x = new String(); // Declares x as a String object
y = new Number(); // Declares y as a Number object
z = new Boolean(); // Declares z as a Boolean object
تجنب String، Numberوالأشياء Boolean. إنها تعقد التعليمات البرمجية الخاصة بك وتبطئ سرعة التنفيذ.
سوف تتعلم المزيد عن الأشياء لاحقًا في هذا البرنامج التعليمي.