تجنب أخطاء استدعاء الأساليب في JavaScript

عند بناء تطبيق باستخدام Node.js، Express.js، و MongoDB، وتبني نمط MVC، وفصل ملف الطرق عن باقي التطبيق، يصبح من المهم فهم كيفية تنظيم الشفرة والتعامل مع الكائنات والأساليب بطريقة صحيحة. تظهر المشكلة التي تواجهها عندما تحاول استدعاء طريقة داخل كائن الفئة (Class) في Node.js، حيث يُرمز هذا الخطأ إلى أن الكائن لم يتم تعيينه بشكل صحيح.

عند دراسة الشفرة التي قدمتها، يُلاحظ أن الخطأ يحدث عند محاولة استدعاء الطريقة callme() من داخل الطريقة create() في فئة ProductController. الخطأ ينشأ نتيجة لكيفية تنفيذ الكائنات والمتغيرات في JavaScript.

في النسخة الأولى من الشفرة، أين تحاول استدعاء this.callme() في داخل create()، المشكلة تكمن في كيفية يتم تنفيذ this في هذا السياق. عندما تستدعي productController.create مباشرةً في طريق التطبيق (index.js file)، فإن this يشير إلى productController، ولكن عندما يتم استدعاءه من داخل create()، this لا يشير بالضرورة إلى نفس الكائن productController بل قد يشير إلى نطاق مختلف.

لحل هذه المشكلة، يمكنك تعيين this بشكل صحيح باستخدام bind() أو استخدام دوال السهم (arrow functions). بمجرد تعيين this بشكل صحيح، يمكنك استدعاء الطريقة callme() داخل create() بنجاح.

لذلك، يمكنك تعديل الكود في ProductController.js كما يلي:

javascript
class ProductController {
  constructor(){}

  create(){
    console.log('Checking if the following logs:');
    this.callme(); // هنا تكمن المشكلة
  }

  callme(){
    console.log('yes');
  }
}

module.exports = new ProductController();

يمكن تعديله إلى:

javascript
class ProductController {
  constructor(){}

  create(){
    console.log('Checking if the following logs:');
    this.callme(); // تعيين السياق هنا
  }

  callme(){
    console.log('yes');
  }
}

module.exports = new ProductController();

باستخدام الدالة السهمية (Arrow function) في create():

javascript
class ProductController {
  constructor(){}

  create = () => {
    console.log('Checking if the following logs:');
    this.callme(); // لا يتغير السياق هنا
  }

  callme(){
    console.log('yes');
  }
}

module.exports = new ProductController();

أو بتعيين this باستخدام bind():

javascript
class ProductController {
  constructor(){
    this.create = this.create.bind(this);
  }

  create(){
    console.log('Checking if the following logs:');
    this.callme(); // لا يتغير السياق هنا
  }

  callme(){
    console.log('yes');
  }
}

module.exports = new ProductController();

باستخدام أي من هذه الطرق، يجب أن تتمكن من استدعاء الطريقة callme() بنجاح داخل create() دون أي أخطاء.

المزيد من المعلومات

تحويل سلسلة نصية إلى قيم double في جافا

تحديث إنشاء مثيلات الفراجمنتات في تطبيق Android