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

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

تابع (function) در برنامه نویسی شامل کدهایی است که در صورت فراخوانی اجرا خواهند شد.

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

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

برای ساخت یک تابع ابتدا کلمه function را با حروف کوچک می نویسیم.

در قدم بعدی نام تابع را مشخص کرده و بعد از آن باید دو پرانتز ( ) باشد.

و در آخر کدهای مورد نظر را درون بدنه تابع قرار می دهیم. (بدنه تابع بین دو آکولاد { } می باشد.)

کد:

function example() {
  //JavaScript Code
}

برای فراخوانی و اجرای تابع به این صورت عمل می کنیم:

example();

پارامترهای ورودی در تابع

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

کد:

function example(var a, var b) {
  return a + b;
}

برای فراخوانی و آرگومان ورودی تابع به این شکل عمل می کنیم:

example(1, 2); 

در مثال بالا دو پارامتر ورودی به نام های a و b تعریف شده و درون بدنه تابع دو متغیر دریافتی با استفاده از عملگر + جمع شده و مقدار آن توسط return برگردانده می شود.

دستور return چیست؟

دستور return زمانی کاربرد دارد که می خواهیم یک مقدار را برگردانیم.

کد:

function example(var a) {
  return a;
}

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

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

به عنوان مثال می خواهیم با کلیک بر روی دکمه، تابعی فراخوانی و اجرا شود.

کد HTML:

<button onclick="example()">کلیک</button>

کد JavaScript:

function example() {
  document.write("CodeUni.Ir");
}

در مثال بالا با استفاده از رویداد onclick زمانی که کاربر بر روی دکمه کلیک می کند تابع example فراخوانی شده و پیام CodeUni.Ir نمایش داده می شود.

متغیرهای global و local در توابع

در صورتی که درون تابع متغیری را با استفاده از var تعریف کنید آن متغیر local یا محلی خواهد بود و فقط درون همان تابع قابل دسترس است.

کد:

function example() {
  var a = 10;
}

برای تعریف متغیر global یا جهانی باید متغیر را بدون کلمه var تعریف کنید. در این صورت متغیر خارج از تابع هم در دسترس خواهد بود.

function example() {
  a = 10 ;
}