return کردن تابع در جاوا اسکریپت

برگرداندن یا return کردن مقادیر از تابع ها

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

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

دستور return در جاوا اسکریپت

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

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

function sayHello() {
  return "Hello World";
}

let message = sayHello();

اکنون متغیر message حاوی عبارت "Hello World" است. 

برگرداندن یک مقدار محاسبه شده

اکثر تابع ها، نتیجه‌ی یک محاسبه یا یک عملیات را برمی گردانند. 

function multiply(a, b) {
  return a * b;
}

let result = multiply(4, 5);

استفاده از مقادیر برگردانده شده در عبارات(Expressions)

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

ما می توانیم از یک فراخوانی تابع(function call) در درون یک عبارت دیگر استفاده کنیم. 

function multiply(a, b) {
  return a * b;
}

let total = multiply(2, 3) * 10;

return کردن مقادیر

یک تابع می تواند هر نوع مقدارِ برگشتی را return کند(نه فقط اعداد). 

function fullName(firstName, lastName) {
  return firstName + " " + lastName;
}

let name = fullName("John", "Doe");

دستور return اجرای تابع را متوقف می کند

کدهای نوشته شده پس از دستور return اجرا نخواهند شد.

function multiply(a, b) {
  return "Done";
  //خط بعدی هرگز اجرا نخواهد شد
  return a * b;
}

let result = multiply(4, 3);

تابع های بدون دستور return

اگر یک تابع، مقداری را return نکند، مقدار دستور return برابر با undefined یا تعریف نشده خواهد بود. 

function multiply(a, b) {
  let x = a * b;
}

let result = multiply(4, 3);

در مثال بالا، مقدار متغیر result برابر با undefined (تعریف نشده) است. 

برگرداندن زودهنگام مقادیر

ما می توانیم از دستور return برای متوقف کردن زودهنگام یک تابع، بر اساس یک شرط، استفاده کنیم. 

function checkAge(age) {
  if (age < 18) {
    return "Too young";
  }
  return "Access granted";
}

برگرداندن مقادیر در HTML

از مقادیر برگشتی تابع، اغلب برای به‌روز کردن محتوای HTML استفاده می شود.

<p id="demo"></p>

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

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

اشتباهات رایج درباره‌ی تابع ها

فراموش کردن دستور return

یک تابع، بدون دستور return، مقدار undefined (تعریف نشده) را برمی گرداند. 

انتظار داشتن اینکه کدهای پس از return اجرا شوند

کدهای پس از return نادیده گرفته می شوند. 

اشتباه گرفتن دستور console.log() با return
دستور console.log() خروجی را نشان می دهد اما هیچ مقداری را return نمی کند. 

انتظار داشتن return

اگر تابع شما هیچ مقداری را return نمی کند، با ذخیره کردن آن در یک متغیر، مقدار undefined به دست می آید. 

منبع: www.w3schools.com/js