توابع و انواع آن در جاوا اسکریپت با ذکر مثال
Functions توابع یکی از بخش های مهم هر زبان برنامه نویسی است. هر چه بیشتر به توابع مسلط تر شوید باعث میشود در یک برنامه کدهای کمتری بنویسید و این باعث خوانایی بیشتر کدها نیز میشود. یک تابع ، بلوکی از کد است که برای انجام یک کار خاص طراحی شده است و وقتی اسم تابع را فراخوان می دهیم ، کار مورد نظر را انجام میدهد.
انواع تابع در جاوا اسکریپت
بطور کلی دو نوع function داریم:
- Declaration function
- Expression function
- arrow functio
این تابع سوم (arrow function) زیر مجموعه تابع expression است.
declaration function
Decleration function با کلمه کلیدی function نوشته میشود. جاوا اسکریپت این قابلیت را در اختیار برنامه نویسان قرار داده که بتوانند توابع مورد نظر خود را پیاده سازی کنند. بنابر این باید با ساختار و قواعد توابع آشنا باشند.
مراحل ایجاد تابع declaration
برای ایجاد تابع ما باید مراحل زیر را طی کنیم:
گام اول،این تابع با کلمه کلیدی function شروع میشود.
در گام دوم باید برای تابع یک نام مشخص کنیم. مثل myfunction یا هر اسمی دیگر . در نام گذاری توابع همان قواعدی که برای نام گذاری متغیرها وجود دارد باید رعایت شود.
بعد از نام تابع ، باید یک پرانتز باز و بسته () قرار دهیم.
سپس باید از یک جفت {} آکولاداستفاده کنیم. کدهای تابع در داخل این آکولاد نوشته میشود. به همین علت به این قسمت که بدنه تابع هست یک بلوک از کد هم گفته میشود.
گام بعدی ، کد نویسی است. در داخل بلوک کد یعنی داخل {} باید کدهای مورد نظر خود را بنویسیم.
گام آخر ، فراخوانی تابع است. فراخوانی تابع در خارج از بلوک کد باید انجام شود به این صورت که بعد از {} آکولادها کافی است بنام تابع اشاره کنیم و بعد از تابع یک جفت () پرانتز باز و بسته و یک علامت سیمیکالن ; گذاشته شود.
مثال :
کد نویسی کل مراحل گفته شده فوق در قالب یک مثال به صورت زیر خواهد بود که نتیجه این برنامه در پایین شکل مشاهده است:
برای تغییر این متن بر روی دکمه ویرایش کلیک کنید. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
output:40
در این مثال یک متغیر تعریف کردیم بنام a و مقدار 20 را به آن تخصیص دادیم. یک متغیر بنام b تعریف کردیم و مقدار 20 را به آن تخصیص دادیم و یک متغیر دیگر بنام c تعریف کردیم که مقدار آن برابر خواهد با جمع مقدار متغیر a و b .
همچنین در این مثال sum نام تابع هست که این تابع عملیات جمع را انجام میدهد. دستور ()document.write ، دستوری است که نتیجه عملیات را در مرورگر نشان میدهد.
Expression function
آنچه که تاکنون گفته شد در رابطه با declaration function بود. در ادامه به نوعی دیگر از توابع بنام expression function خواهیم پرداخت. این نوع از توابع یک نوع داده ای هستند.
این توابع مثل یک متغیر تعریف می شوند. این توابع را هم با var هم با let و هم با const می توان تعریف کرد.
تفاوت این تابع با تابع declaration function در اینست که اگر دستور فراخوانی تابع را قبل از بلوک کدها بنویسیم ،
برنامه اجرا نخواهد شد(مانند متغیرها) یعنی اول باید تعریف شوند.
این توابع نیز می توانند مقداری را به صورت عددی هم برگردانند.
مثال :
output:140
Arrow function
در این نوع تابع از عبارت function استفاده نمی شود بلکه به صورت زیر بعد از جفت () از علامت <= استفاده میشود که شبیه arrow یا پیکان هست و بهمین دلیل به Arrow function نامگذاری شده است.
مثال :
output:15