جافا سكريبت هذا | شرح

Jafa Skrybt Hdha Shrh

أحد أكثر المفاهيم تحديًا والأكثر استخدامًا في جافا سكريبت هو ' هذه 'الكلمة الرئيسية. يستخدم JavaScript ' هذه 'الكلمة الرئيسية مختلفة عن اللغات الأخرى. ومع ذلك ، من الضروري إنشاء كود JavaScript أكثر تقدمًا. كمبتدئ ، قد يكون من الصعب عليك فهم استخدام الكلمة الرئيسية المذكورة ، ولكن لا تقلق!

سيشرح هذا المنشور ' هذه 'الكلمة الرئيسية واستخدامها في JavaScript.



ما هو 'هذا' في جافا سكريبت؟

' هذه 'هي الكلمة الأساسية في JavaScript التي تشير إلى كائن يقوم بتنفيذ كتلة التعليمات البرمجية الموجودة. إنه يمثل كائنًا يستدعي الوظيفة الحالية. يتم استخدامه في سيناريوهات متعددة بطرق مختلفة ، مثل:



    • في الطريقة
    • في التعامل مع الحدث
    • في الوظائف

دعونا نتحقق من كل من الاستخدامات المذكورة واحدة تلو الأخرى!



كيف تستخدم 'هذا' في طرق جافا سكريبت؟

' هذه 'في طرق JavaScript كربط ضمني. عندما يتم استدعاء الوظيفة بمساعدة كائن ونقطة ، فإنها تعتبر ارتباطًا ضمنيًا ، و ' هذه 'يشير إلى الكائن أثناء استدعاء الوظيفة.

مثال

أولاً ، سننشئ كائنًا مع بعض الخصائص وطريقة ثم نستخدم ' هذه 'الكلمة الرئيسية للحصول على قيم خصائص الكائن:



var personInfo = {
اسم: 'جون' و
سن : عشرين و
معلومات: وظيفة ( ) {
وحدة التحكم ( 'هاي! أنا' + this.name + ' و انا ايضا ' + هذا العمر + 'سنة' ) ؛
}
}


بعد ذلك ، اتصل بـ ' معلومات() 'مع اسم الكائن:

personInfo.info ( ) ؛


يمكن ملاحظة أن قيم الخصائص المحددة للكائن الحالي يتم عرضها بنجاح:


إذا كنت تريد استخدام ' هذه 'في التعامل مع الحدث ، اتبع القسم أدناه.

كيفية استخدام 'هذا' في معالجة أحداث JavaScript؟

في هذا المثال ، تحقق من استخدام ' هذه 'الكلمة الرئيسية في معالجة الحدث. لهذا ، ضع في اعتبارك مثالاً سنخفي فيه زرنا بنقرة واحدة. للقيام بذلك ، أنشئ زرًا وأرفق ' عند النقر() 'للوصول إلى الخاصية style.display مع' هذه 'الكلمة الرئيسية التي ستخفي الزر عند النقر عليه:

< h3 > انقر لإخفاء الزر h3 >
< زر عند النقر = 'this.style.display = 'لا شيء'' > انقر هنا ! زر >


انتاج |


إذا كنت محتارًا بشأن استخدام ' هذه 'الكلمة الرئيسية في وظائف محددة من قبل المستخدم في JavaScript ، اتبع القسم المحدد.

كيف تستخدم 'هذا' في وظائف جافا سكريبت؟

أثناء استخدام ' هذه 'في الوظائف ، هناك ثلاثة أنواع من الارتباطات في JavaScript ، بما في ذلك:

    • الربط الافتراضي
    • الربط الضمني
    • ربط صريح

دعونا نفهم كل منهم على حدة!

مثال 1: استخدام هذه الكلمة الأساسية في الربط الافتراضي

في الربط الافتراضي ، فإن ' هذه 'الكلمة الرئيسية بمثابة كائن عالمي. يستخدم في الغالب في وظائف قائمة بذاتها.

دعونا نفهم المفهوم المذكور بمثال.

أولاً ، سننشئ متغيرًا ' x 'وتعيين القيمة' خمسة عشر ':

فار س = خمسة عشر ؛


ثم حدد وظيفة باسم ' وظيفة ديسيبل () 'وتعريف وظيفتها ، قم بإنشاء متغير بنفس الاسم' x 'وتعيين قيمة لها' 5 '، ثم اطبع قيمتها باستخدام' console.log () 'مع' هذه 'الكلمة الرئيسية:

var functionDB = وظيفة ( ) {
فار س = 5 ؛
وحدة التحكم ( هذا العاشر ) ؛
}


أخيرًا ، اتصل بـ ' وظيفة ديسيبل () ' وظيفة:

وظيفة DB ( ) ؛


بسبب استخدام “ هذه 'الكلمة الرئيسية ، يعرض الناتج قيمة' x ' كما ' خمسة عشر 'لأنها تعمل ككائن عالمي وتسمى العملية' الربط الديناميكي ':


مثال 2: استخدام هذه الكلمة الأساسية في الربط الضمني

عندما يتم استدعاء الوظيفة بواسطة كائن أو رمز نقطة ، ' هذه 'الكلمة الأساسية بمثابة ارتباط ضمني. يشير إلى الكائن أثناء استدعاء الوظيفة.

في هذا المثال ، سنحدد وظيفة ' معلومات() 'واستخدم' هذه 'الكلمة الأساسية في تعريف الوظيفة:

وظيفة معلومات ( ) {
وحدة التحكم ( 'هاي! أنا' + this.name + ' و انا ايضا ' + هذا العمر + 'سنة' )
}


ثم أنشئ كائنًا باسم ' معلومات الشخص 'بخصائص محددة:

var personInfo = {
اسم: 'جون' و
سن : عشرين و
معلومات: معلومات
}


الآن ، قم باستدعاء الوظيفة على طول الكائن:

personInfo.info ( ) ؛


انتاج |


مثال 3: استخدام هذه الكلمة الأساسية في الربط الصريح

يسمى الربط الصريح أيضًا ' ملزم الصعب 'لأنه يتم استدعاء الوظيفة بقوة لاستخدام كائن معين لـ' هذه '، بدون وضع مرجع دالة خاصية على الكائن. لهذا الغرض ، يمكن استخدام طرق استدعاء () وتطبيق () وربط ().

سنستخدم الآن نفس الوظيفة المسماة ' معلومات() 'المحددة في المثال السابق. ثم أنشئ كائنًا باسم ' معلومات الشخص 'بالقيم التالية:

var personInfo = {
اسم: 'جون' و
سن : عشرين
}


لاستدعاء الوظيفة المسماة ' معلومات() '، سوف نستخدم' مكالمة() 'ومرر الكائن الذي تم إنشاؤه إليه كوسيطة:

info.call ( معلومات الشخص ) ؛


نظرًا لأن المعلومات () ليست جزءًا من الكائن ، فما زلنا نصل إليها بشكل صريح:


لاستدعاء دالة بشكل صريح ، يمكنك أيضًا استخدام التابعين apply () و bind (). طريقة () application مطابقة لطريقة call () ، بينما طريقة bind () تخلق وظيفة جديدة بنفس الجسم والنطاق الذي يتصرف بنفس طريقة الوظيفة الأصلية. يمكن استخدام طريقة bind () لإرجاع دالة يمكنك استخدامها لاحقًا.

للحصول على معلومات الاتصال () باستخدام طريقة apply () ، استخدم العبارة التالية:

info.apply ( معلومات الشخص ) ؛


يعطي نفس الناتج مثل طريقة الاستدعاء ():


للاتصال بـ ' معلومات() ' مع ال ' ربط() '، استخدم العبارة المعطاة:

info.bind ( معلومات الشخص ) ؛


انتاج |


لقد قمنا بتجميع جميع المعلومات الأساسية المتعلقة بـ ' هذه 'الكلمة الرئيسية.

استنتاج

' هذه 'هي الكلمة الأساسية في JavaScript التي تشير إلى كائن يقوم بتنفيذ كتلة التعليمات البرمجية الموجودة. إنه يمثل الكائن الذي يستدعي الوظيفة الحالية. يتم استخدامه في سيناريوهات متعددة بطرق مختلفة ، بما في ذلك الطرق ومعالجة الأحداث والوظائف. في هذا المنشور ، أوضحنا ' هذه 'الكلمة الرئيسية في جافا سكريبت.