this در جاوا اسکریپت (JavaScript)

توی این قسمت از آموزش متنی و ویدئویی جاوا اسکریپت قصد داریم با یکی از کلمات کلیدی مهم در جاوا اسکریپت یعنی  this  آشنا بشیم. توی ویدئو زیر هم به صورت مفصل به این قضیه پرداختیم پس اگه علاقه مند بودید میتونید در کنار محتوای متنی این مقاله، از ویدئو هم استفاده کنید.

1 – معرفی this :

این کلمه در کوتاه کردن طول کد و دسترسی راحت تر به شئ مورد نظر خیلی به ما کمک میکنه .

و بسیار بین برنامه نویس ها محبوبه اما کمی باعث سردرگمی میشه چون کاربرد این کلمه در زبان های مختلف کمی متفاوته .

اما اصلا نگران نباشید ما در این مقاله سعی میکنیم به ساده ترین روش به شما آموزش بدیم تا شما خوب اون رو درک کنید و یاد بگیرید پس اگر در اول راه کمی سردرگم شدین اصلا اشکالی نداره .

2 – کاربرد کلمه ی کلیدی this :

این کلمه در جایی که استفاده بشه به شئ که به آن تعلق داره اشاره میکنه و مثل یک پل میکنه که شما به راحتی به شئ مورد نظرتون دسترسی داشته باشین .

و خیلی مهمه که شما از کجا از این کلمه استفاده کنین ، در ادامه تمامی موارد استفاده ی this رو بهتون آموزش میدیم .

3 – موارد استفاده :

a . در یک متود ( method ) :

اگر در یک متود این کلمه را استفاده کنید دسترسی شما به مالک آن متود خواهد بود .

مثال :

الان کلمه ی this به آبجکت name اشاره داره .

b. کلمه this به صورت تنها :

در این مورد اگر در پنجره ی مرورگر آن را اجرا کنید اشاره ی آن به object window خواهد بود .

این مورد در حالت strict هم مشابه حالت عادی آن است .

c. در تابع :

در جاوا اسکریپت اگر شما درون یک تابع از این کلمه ی کلیدی استفاده کنید باز هم مانند مورد قبل اشاره ی this به object window خواهد بود .

d. در تابع strict :

در این نمونه کلمه ی کلیدی this تعریف نشده است .

e. در رویداد های handler در HTML :

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

این مقاله بخشی کوجکی از دوره آموزش صفر تا صد جاوا اسکریپت به صورت پروژه محور بود که اگه علاقه مند به یادگیری حرفه ای جاوا اسکریپت هستید پیشنهاد میکنم نگاهی به سرفصل ها و ویدئو های معرفی این دوره بندازید.