طرق كائن جافا سكريبت
مثال
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
هذه الكلمة _
في تعريف الوظيفة ، this
يشير إلى "مالك" الوظيفة.
في المثال أعلاه ، this
هو كائن الشخص الذي "يمتلك"
وظيفة fullName .
بمعنى آخر ، يعني this.firstName خاصية الاسم الأول لهذا الكائن .
اقرأ المزيد عن this
الكلمة الأساسية في JS this Keyword .
طرق جافا سكريبت
طرق JavaScript هي إجراءات يمكن تنفيذها على الكائنات.
طريقة JavaScript هي خاصية تحتوي على تعريف دالة .
ملكية | قيمة |
---|---|
الاسم الاول | يوحنا |
الكنية | ظبية |
عمر | 50 |
لون العين | أزرق |
الاسم الكامل | function () {return this.firstName + "" + this.lastName؛} |
الأساليب هي وظائف مخزنة كخصائص كائن.
الوصول إلى طرق الكائن
يمكنك الوصول إلى أسلوب كائن بالصيغة التالية:
objectName.methodName()
ستصف عادةً fullName () كطريقة لكائن الشخص ، و fullName كخاصية.
سيتم تنفيذ خاصية fullName (كدالة) عندما يتم استدعاؤها مع ().
يصل هذا المثال إلى طريقة fullName () لكائن الشخص:
مثال
name = person.fullName();
إذا قمت بالوصول إلى خاصية fullName ، بدون () ، فستعيد تعريف الوظيفة :
مثال
name = person.fullName;
إضافة طريقة إلى كائن
من السهل إضافة طريقة جديدة إلى كائن:
مثال
person.name = function () {
return this.firstName + " " + this.lastName;
};
استخدام الطرق المضمنة
يستخدم هذا المثال toUpperCase()
طريقة كائن String ، لتحويل النص إلى أحرف كبيرة:
let message = "Hello world!";
let x = message.toUpperCase();
قيمة x بعد تنفيذ الكود أعلاه ستكون:
HELLO WORLD!
مثال
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};