آموزش تابع یا function در جاوا اسکریپت

تابع در زبان برنامه نویسی جاوا اسکریپت، یک قطعه کد(بلوک) است که از آن برای انجام یک کار خاص استفاده می شود. یک تابعِ جاوا اسکریپت، وقتی که چیزی آن را فراخوانی کند(صدا بزند) اجرا می شود.

// استفاده می شود p2 و p1 در زیر یک تابع می بینید که از آن برای محاسبه
function myFunction(p1, p2) {
  return p1 * p2;
}

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

تابع در جاوا اسکریپت با استفاده از کلمه ی کلیدی function تعریف می شود. و به دنبال آن یک نام برای تابع قرار داده و پس از آن یک پرانتز باز و بسته قرار می دهیم. نام تابع ها می تواند حاوی حروف، رقم، آندرلاین و علامت دلار باشد(درست مشابه با قواعد متغیرها). ممکن است بین پرانتزها یک یا چند نام بعنوان پارامتر قرار دهیم که با علامت کاما از یکدیگر جدا می شوند. در اینجا منظور parameter1 و parameter2  و ... است. کدهایی که قرار است توسط تابع اجرا شوند، باید در درون آکولادها قرار گیرند.

function name(parameter1, parameter2, parameter3) {
  // کدهایی که قرار است اجرا شوند اینجا قرار می گیرند
}

پارامترهای تابع، در درون پرانتزها () در تعریف تابع قرار می گیرند. آرگومان های تابع، مقادیری هستند که وقتی می خواهیم تابع را فراخوانی کنیم، دریافت می شوند. در درون یک تابع، آرگومان ها(یعنی پارامترها) مانند متغیرهای محلی رفتار می کنند.

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

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

1. وقتی که یک رویداد(event) اتفاق می افتد(وقتی که یک کاربر بر روی یک دکمه کلیک کند).
2. وقتی که این تابع در داخل کدها فراخونی شود.
3. وقتی که تابع به طور اتوماتیک و خود فراخوان، اجرا شود.

بعداً در این آموزش ها، بیشتر در مورد تابع ها صحبت خواهیم نمود.

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

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

//در زیر تابع مورد نظر فراخوانی شده است و مقدار برگشتی در داخل ایکس قرار می گیرد
let x = myFunction(4, 3);

function myFunction(a, b) {
// را برمی گرداند b و a این تابع ضرب
  return a * b;
}

چرا باید از تابع ها استفاده کنیم؟

1. با استفاده از تابع ها، می توانیم کدها را مورد استفاده ی مجدد قرار دهیم.

2. می توانیم کدهایی بنویسیم که بارها مورد استفاده قرار گیرند.

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

عملگر () در جاوا اسکریپت

عملگر () باعث فراخوانی تابع می شود.

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

let value = toCelsius(77);

اگر پارامترهای یک تابع را نادرست وارد کنیم، نتیجه ی اشتباهی return (برگردانده) می شود:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

let value = toCelsius(); 

دسترسی به یک تابع، بدون استفاده از () باعث می شود خود تابع برگردانده شود، نه نتیجه ی تابع:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

let value = toCelsius; 

نکته: همان طور که در مثال های بالا مشاهده می کنید، عبارت toCelsius (به تنهایی) به آبجکت تابع مورد نظر اشاره می کند ولی عبارت toCelsius() به نتیجه ی (برگردانده شده توسط) تابع رجوع می کند.

توابعی که بعنوان مقدار برای متغیرها مورد استفاده قرار می گیرند

تابع ها می توانند مانند متغیرها مورد استفاده قرار گیرند؛ در تمام فرمول ها، انتساب ها و محاسبات.

let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";

let text = "The temperature is " + toCelsius(77) + " Celsius";

نکته: بعداً در این آموزش ها، بیشتر با توابع آشنا خواهید شد.

آموزش متغیرهای محلی یا local در جاوا اسکریپت

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

// استفاده کنند carName کدهای این بخش یعنی بیرون از تابع، نمی توانند از متغیر

function myFunction() {
  let carName = "Volvo";
  // استفاده کنیم carName در اینجا می توانیم از متغیر
}

// استفاده کنیم carName  در این بخش نمی توانیم از متغیر

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