50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

آموزش جاوا اسکریپت – Hoisting در جاوا اسکریپت

آموزش جاوا اسکریپت

در این بخش از سری آموزش جاوا اسکریپت قصد داریم در مورد م Hoisting در جاوا اسکریپت صحبت کنیم.

 

Hoisting در جاوا اسکریپت چیست

Hoisting در واقع به یک رفتار پیش فرض زبان جاوا اسکریپت اطلاق می گردد. این رفتار عبارتند از انتقال خودکار تعریف متغیر (variable declaration) به بالای حوزه (scope) جاری.

در جاوا اسکریپت این امکان وجود دارد که یک متغیر را پیش از اینکه تعریف شود بکار برد. به عبارتی دیگر می توان متغیر را مورد استفاده قرار داده، بعدا آن را تعریف کرد.

اگر معنای Hoisting رو بررسی کنیم، خواهیم دید که آن را به بالا بردن معنا کردند. پس می شود اینطور برداشت کرد که دیگر مهم نیست ما کجا متغیرها و توابع رو تعریف یا Declare می کنیم، آنها به بالای Scope خودشان که حالا یا میتواند global یا سراسری و local یا محلی باشه، انتقال داده می شوند.

اگر چه باید این را هم در نظر بگیرید که این مکانیزم فقط تعاریف یا Declaration رو بالا میبرد و Assignment و جاهایی که مقداری را به متغیر نسبت دادیم، سر جای خودشان باقی میمانند.

 

Hoisting توابع

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

همانطور که می بینید, ما تابع sayHello() را قبل از تعریف صدا زدیم اما با این حال کد کار می کند. به این دلیل که اعلان function در پشت صحنه آن را به بالا انتقال داده است.

 

Hoisting متغییر

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

به هر حال, جاوا اسکریپت فقط اعلان ها را hoist یا بالا می برد نه مقداردهی شده ها را. به این معنی که اگر متغیر تعریف و بعد از استفاده مقدار دهی شده باشد, مقدار آن undefined خواهد بود.

یک مثال دیگر از رفتار hoisting متغیر را ببینید :

 

بالا بردن (hoist) متغیرها شاید در نگاه اول گیج کننده باشد, اما اگر مثال های بالا را با دقت بررسی و خودتان تست کنید, به راحتی نحوه کار کردن آن را درک می کنید.

نکته: استفاده از متغیر بدون تعریف آن در حالت Strict Mode که در بخش بعدی آن را یاد می گیریم, قابل قبول نیست.

 

امیدواریم در این بخش آموزش جاوا اسکریپت, از آموزش Hoisting در جاوا اسکریپت نهایت استفاده را برده باشد.

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

موفق باشید.

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی