خلاصه مطالب اکما اسکریپت 6

مفاهیم کلاس برای شی گرایی :  ساختار کار کردن با اون ها خیلی شبیه به کانستراکتور آبجکت ها هستش و نوع آن ها تابع هستند و تمام توابعی که در آن میایم و ایجاد میکنیم میاد و به پروتوتایپ آن می چسبد 

تفاوت کلاس با constructor objects : 

1 -  یک شی از یک کلاس را حتما  باید با استفاده از کلمه کلیدی new ایجاد کرد

2 - متد ها در کلاس به صورت non-enumerable هستند و در نتیجه  در for..in ظاهر نمی شوند

3-  کلاس ها همیشه در حالت strict mode هستند 

نکته : ما برای تعریف متد در داخل کلاس ها لازم نیست که بیایم و از کلمه فانکشن استفاده کنیم در داخل متد هامون هم ما میتونیم با استفاده از  this به اجزای خود کلاس ها دسترسی داشته باشیم اما اگر این توابع مربوط به کلاس رو در داخل جایی دیگه به صورت کال بک استفاده کنیم به مشکل میخوریم  و اون this رو دیگه دنبال نمیکنه نمونه کد برای این مشکل 

class animal {
  constructor(){
    this.name = "cat";
  }
  runnig(){
    console.log(this.name);
    console.log(' ... runnig ...')
  }
}
let myAnimal = new animal();
console.log(myAnimal)
setTimeout(myAnimal.running,1000);
که می بینیم کلن از  نام میاد و صرف نةر میکند

چند تا روش برای حل این مشکل وجود دارد که اولی این هستش که ما این تابع رو به صورت کال بک ارسالش نکنیم بلکه بیایم و به صورت invoke شده از اون استفاده بکنیم و زیاد جالب نیست و ممکنه بعضی جاها گیر کنیم 

setTimeout(myAnimal.running(),1000);

روش دوم این هست که موقع تعریف توابع در کلاس هامون بیایم و به صورن arrow function  اون رو تعریف کنیم که این تابع خودش this ندارد و میاد this محیط اطرافش رو میگیره و یک اسکوپ متفاوت نمیشه همچنین ما وقتی میایم و یک تابع رو به صورت اررو تعریف میکنیم این تابع دیگه جزو پروتو نمیره بلکه میاد و میشه جزو اصل کلاس امون و وارد  ارث بری ها نمیشه در حالی که به صورت سنتی وارد پروتوتایپ 

روش سوم حالت binding هستش که برای این کار هم چند حالت وجود دارد یکی این که در جایی که تابع صدا زدیم بیایم و bind بکنیم اون شی که اون رو صدا زده

setTimeout(myAnimal.running.binding(myAnimal),1000);

و حالت دوم برای  مفهوم  binding 

setTimeout(()=> myAnimal.runnig(),1000);

و حالت سوم برای این مفهوم باید در خود کانستراکتور کلاس بیایم و بنویسیم

this.runnig = this.runnig.bind(this); که میاد و اون رو به خود کلاس می چسبوند

در این حالت بالا هم در پروتوتایپ هست و هم در خود کلاس هستش