فهم الكلمة المفتاحية this
جزء من قسم البرمجة كائنية التوجه في رحلة JavaScript على Coddy. الدرس 3 من 56.
تشير الكلمة المفتاحية this في JavaScript إلى الكائن الذي ينفّذ التعليمات البرمجية حاليًا. وتتيح لك الوصول إلى خصائص وأساليب الكائن الحالي.
لنبدأ بكائن أساسي:
let person = {
name: "John",
age: 30,
greet: function() {
console.log("Hello, my name is " + this.name);
}
};في هذا المثال، عندما نستدعي أسلوب greet:
person.greet();سيكون الناتج:
Hello, my name is Johnهنا، يشير this.name داخل method greet إلى الخاصية name للكائن person.
التحدي
Add طريقة تُسمّى getStatus إلى كائن player تُعيد string يحتوي على اسم player وhealth باستخدام الكلمة المفتاحية this.
تنسيق المخرجات المتوقعة:"Knight has 70 health"
جرّب بنفسك
const player = {
name: "Knight",
health: 100,
takeDamage: function(damage) {
this.health -= damage;
},
// TODO: أضف method getStatus هنا التي تُرجع سلسلة نصية باسم اللاعب وصحته
};
// اختبار
player.takeDamage(30);
console.log(player.getStatus()); // Should output: "Knight has 70 health"
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس البرمجة كائنية التوجه
1الكائنات والكلمة المفتاحية this
مراجعة سريعة: الكائناتإضافة Methods إلى الكائناتفهم الكلمة المفتاحية thisConstructor Functionsالكلمة المفتاحية newتحدي المراجعة7الوراثة والكلمة المفتاحية extends
الوراثةعلاقة "is-a"الكلمة المفتاحية extendsالدالة super()وراثة الخصائص والوظائفتحدي المراجعة2تنظيم الكود
ما هي الـ Modules؟التصدير باستخدام exportالاستيراد باستخدام importالـ Default مقابل الـ Named Exports8تنظيم كود OOP
تنظيم الـ Classes في Modules11مشروع: مصيّر الأشكال
إعداد: فئة Shape والتصديروراثة فئة Circleإعادة التعريف ودالة المساحةعداد الأشكال Staticتدرّب بنفسك: مترجم JavaScript عبر الإنترنت