كيفية استخدام الاتصال والتطبيق والربط في JavaScript

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

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

1. يتصل()

يتصل() يسمح بوظيفة أو طريقة تنتمي إلى كائن واحد ليتم تخصيصها واستدعائها لكائن مختلف. يمكنك الرجوع إلى قيم الكائن باستخدام هذه كلمة رئيسية.

ألق نظرة على هذا يتصل() مثال.

دع obj = {
 الاسم: "جون" ،
 اللقب: "Doe" ،
 getFullName: function () {
 console.log (this.name + "" + this.s اللقب) ؛
 }
}
obj.getFullName () ،

الكائن الهدف لديه وظيفة تسمى getFullName () الذي يطبع الاسم الكامل للشخص. الآن ، إذا كنت تريد استخدام getFullName () باستخدام كائن مختلف له قيم مختلفة ، يمكنك القيام بذلك باستخدام يتصل() وظيفة.

obj2 const = {
 الاسم: "جين" ،
 اللقب: "Doe"
 }
obj.getFullName.call (obj2) ،

يمكنك أيضًا تمرير وسيطات مختلفة في ملف يتصل() تعمل جنبا إلى جنب مع الكائن.

دع obj = {
 الاسم: "جون" ،
 اللقب: "Doe" ،
 getFullName: الوظيفة (العمر والجنس) {
 console.log (this.name + "" + this.sname + "" + age + "" + gender)؛
}
obj.getFullName.call (obj2، 21 ، "أنثى") ؛

2. يتقدم()

ال يتقدم() تعمل وظيفة مشابهة ل يتصل() وظيفة. الاختلاف الوحيد بين يتصل() و يتقدم() الوظيفة هي أنه يمكنك تمرير معاملات متعددة في المصفوفة واستخدامها.

ها هو ملف يتقدم() مثال:

obj obj = {
 الاسم: "جون" ،
 اللقب: "Doe" ،
 getFullName: الوظيفة (العمر والجنس) {
 console.log (this.name + "" + this.sname + "" + age + "" + gender)؛
 }
}
obj.getFullName.apply (obj2، [21، "أنثى"]) ؛

متعلق ب: طرق مصفوفة جافا سكريبت يجب أن تتقنها اليوم​​​​​

3. ربط()

ربط() تُرجع النسخة الدقيقة للدالة وتربطها بكائن. تُستخدم هذه الطريقة لربط طريقة ما والاحتفاظ بنسخة منها واستخدامها لاحقًا. يمكنك استخدام الوظيفة متى شئت من خلال استدعائها.

هنا أ ربط() مثال:

obj obj = {
 الاسم: "جون" ،
 اللقب: "جين" ،
 getFullName: function () {
 console.log (this.name + this.sname) ؛
 }
 }
obj2 const = {
 الاسم: "جين" ،
 اللقب: "Doe"
 }
دع func = obj.getFullName.bind (obj2) ؛
func () ؛

لا تتوقف أبدًا عن تعلم JavaScript

ال يتصل(), يتقدم()، و ربط() الوظائف مهمة عندما يتعلق الأمر بالتحضير لمقابلات JavaScript. هناك عدد لا يحصى من المفاهيم الأساسية الأخرى في JavaScript والتي يجب أن تتقنها لتصبح أكثر المبرمجين كفاءة. لماذا لا تبدأ مع طرق المصفوفة؟

أوناتي بامانيا (14 مقالة منشورة)

Unnati هو مطور متحمس كامل المكدس. تحب بناء المشاريع باستخدام لغات البرمجة المختلفة. في أوقات فراغها ، تحب العزف على الجيتار وهي متحمسة للطبخ.

المزيد من Unnati Bamania