نحوه تعریف و استفاده از تابع در جاوا اسکریپت

نحوه تعریف و استفاده از تابع در جاوا اسکریپت

در ابتدا بهتره که شما بدونید تابع چی هست و بعد روشهای تعریف و استفاده از توابع در جاوا اسکریپت رو توضیح بدم.

تابع چیست ؟

توابع در برنامه نویسی به یک بلوک از کدها گفته می شود که وظیفه خاصی را انجام می دهند. توابع حتما دارای یک خروجی مشخص هستند. ضمنا توابع دارای یک نام می باشند که برای استفاده از آنها باید این نام را صدا بزنیم. مثال زیر یک تابع خیلی ساده را نمایش می دهد.

function FunctionName(d1, d2) {
  return d1 * d2;   // The function returns the product of d1 and d2
}

در تابع بالا نام تابع FunctionName می باشد. این تابع دارای دو آرگومان با نام d1 و d2 می باشد. همچنین در بدنه تابع دو خروجی در قسمت return به نام d1 و d2 وجود دارد.

تعریف تابع در جاوا اسکریپت به چه صورتی می باشد ؟

برای تعریف تابع در جاوا اسکریپت باید قوانین زیر را رعایت کنید:

• از کلمه کلیدی function برای تعریف تابع استفاده می شود.
• بعد از کلمه کلیدی function نام تابع نوشته می شود.
• در جلوی نام () نوشته می شود.
• در داخل پرانتز جلوی نام میتوانید آرگومان ها یا ورودیهای تابع را تعریف کنید.
• تمامی دستورات مربوط به تابع در یک بلوک {} نوشته می شوند.
• تابع باید دارای دستور return باشد.

یک نمونه از تعریف تابع که همه قوانین بالا رو هم در خودش داره در مثال زیر می بینید:

function FunctionName(d1, d2) {
  return d1 * d2;   // The function returns the product of d1 and d2
}

کاربرد دستور return در تابع

در بدنه همه توابع باید حتما حداقل یک دستور return وجود داشته باشد. هر موقع جاوا اسکریپت به دستور return رسید در همان جا تابع به پایان میرسد و نتیجه برگردانده می شود. نتیجه تابع به جایی برگردانده می شود که از آنجا صدا زده شده است. به عنوان مثال به کدهای زیر دقت کنید:

var x = myFunction(4, 3);   // Function is called, return value will end up in x
function myFunction(a, b) {
  return a * b;             // Function returns the product of a and b
}


////Result
x = 12

در کدهای بالا یک تابع به نام myFunction داریم که در کدهای بالاتر این تابع به پارامترهای 4 و 3 صدا زده شده است. این مقادیر در بدنه تابع در هم ضرب شده و مقدار 12 در متغیر x ذخیره می شود.

مزایای استفاده از توابع در جاوا اسکریپت

شاید سوال بپرسید چرا باید از توابع استفاده کرد. مهم ترین دلیل استفاده از تابع این هست که شما میتوانید یک کد را یکبار تعریف کنید و بارها استفاده کنید.

<div id='demo'></div>

<script>
   function Calc(a) {
     return (5/9) * (a-32);
   }

   document.getElementById("demo").innerHTML = Calc(77);
</script>

در مورد توابع در جاوااسکریپت این لینک رو هم میتونید مطالعه کنید.