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

پاسخ هوش مصنوعی

در جاوا اسکریپت، تعریف و استفاده از توابع به روش های مختلفی امکان پذیر است. در زیر به برخی از این روش ها اشاره می شود:

1. تعریف تابع به کمک عبارت تابعی (Function Declaration)

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

function greet(name) {
    return "سلام " + name + "!";
}

و می توان آن را به این صورت فراخوانی کرد:

console.log(greet("علی"));

2. تعریف تابع به کمک عبارت تابعی به صورت بی نام (Anonymous Function Expression)

در این روش، تابع به صورت بی نام تعریف می شود:

const greet = function(name) {
    return "سلام " + name + "!";
};

و می توان آن را به این صورت فراخوانی کرد:

console.log(greet("علی"));

3. تعریف تابع با استفاده از箭ن ها (Arrow Functions)

این روش یک مختصر برای تعریف توابع است:

const greet = (name) => {
    return "سلام " + name + "!";
};

فراخوانی این تابع مشابه روش های قبلی است:

console.log(greet("علی"));

4. توابع بدون پارامتر

یک تابع می تواند بدون پارامتر نیز تعریف شود:

function sayHello() {
    return "سلام!";
}

فراخوانی این تابع به صورت زیر است:

console.log(sayHello());

5. توابع با تعداد متغیر از پارامترها

توابع می توانند که تعداد متغیر پارامتر داشته باشند:

function add(a, b) {
    return a + b;
}

فراخوانی این تابع همانند زیر خواهد بود:

console.log(add(5, 10));

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

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

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

تابع چیست ؟

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

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>

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