طرق الكائن لـ JavaScript
- الصفحة السابقة خصائص JS عناصر
- الصفحة التالية عرض JS عناصر
مثال
var person = { firstName: "Bill", lastName : "Gates", id : 648, fullName : function() { return this.firstName + " " + this.lastName; } };
طرق JavaScript
الطرق JavaScript هي الأفعال التي يمكن تنفيذها على الكائن.
JavaScript الطريقةيحتوي علىتعريف الدالةالخصائص.
الخصائص | القيمة |
---|---|
firstName | Bill |
lastName | Gates |
age | 62 |
eyeColor | blue |
fullName | function() {return this.firstName + " " + this.lastName;} |
الطريقة هي الدالة التي يتم تخزينها كخصيصة في الكائن.
this كلمة مفتاحية
في JavaScript، يُدعى this
الاشياء، مما يعني الكائن الذي يحتوي على هذا الكود JavaScript.
this
القيمة، عند استخدامها في الدالة، هي الكائن الذي يملك الدالة.
يرجى الانتباه this
ليس متغيرًا. إنه كلمة مفتاحية. لا يمكنك تغيير this
القيمة.
زيارة طريقة الكائن
يرجى استخدام الجملة التالية لإنشاء طريقة الكائن:
methodName : function() { سطر الكود }
يرجى استخدام الجملة التالية لزيارة طريقة الكائن:
objectName.methodName()
عادة ما يتم وصف fullName() كطريقة للكائن person، ووصف fullName كخصيصة
fullName يتم تنفيذها كدالة عند تنفيذها من خلال ()
في هذا المثال، يتم زيارة fullName() من قبل الكائن person الطريقة:
مثال
name = person.fullName();
إذا كنت تزور fullName الخصائصإذا لم يتم استخدام () عند تعريف الدالة، فسيتم العودةتعريف الدالة:
مثال
name = person.fullName;
استخدام الطرق المدمجة
في هذا المثال، يتم استخدام toUpperCase()
الطريقة، لتحويل النص إلى حروف كبيرة:
var message = ";Hello world!"; var x = message.toUpperCase();
سيكون قيمة x بعد تنفيذ الكود أعلاه كالتالي:
HELLO WORLD!
إضافة طريقة جديدة
إضافة طريقة جديدة يتم إكمالها داخل دالة البناء:
مثال
function person(firstName, lastName, age, eyeColor) { this.firstName = firstName; this.lastName = lastName; this.age = age; this.eyeColor = eyeColor; this.changeName = function (name) { this.lastName = name; }; }
تم تعيين قيمة الـ name لمتغير الـ name في دالة changeName().
الآن يمكنك تجربة:
myMother.changeName("Jobs");
باستخدام myMother "بدلاً من" this،يوضح JavaScript أي person تشير إليه.
- الصفحة السابقة خصائص JS عناصر
- الصفحة التالية عرض JS عناصر