بالنسبة للكلمة المفتاحية this أريد الكتابة class بطريقتين مختلفتين مع طباعة this

الطريقة الصحيحة هي كالتالي:

1- إنشاء كائن من خلال دالة وطباعة this

function Person(first, last) {
  this.firstName = first;
  this.lastName = last;
}

Person.prototype.print = function() {
  console.log(this);
};

const person = new Person("yousef", "mohamed");

person.print();

فلو قمنا بتعريف دالة print()  داخل دالة البناء Person() فذلك يعني أن الكلمة المفتاحية this داخل دالة print() ستشير إلى الدالة الداخلية، وليس إلى مثيل فئة Person (الكائن الجديد).

ويجب نقل دالة print() خارج دالة البناء لجعلها متاحة لجميع مثيلات فئة Person، وستشير الكلمة المفتاحية this داخل الدالة إلى مثيل الفئة.

ويجب عليك فهم prototype في جافاسكريبت قبل أي شيء وقبل تعلم كيفية إنشاء كلاس، حيث أنه لا يوجد كلاس بالمعنى التقليدي كما في C++ وجافا، أرجو قراءة التالي:

2-  إنشاء كلاس من خلال الكلمة المحجوزة class 

class MyClass {
  constructor() {
    this.name = 'yousef'
  }

  logThis() {
    console.log("this:", this);
  }
}

const myObject = new MyClass();
myObject.logThis();