٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

یک تابع JavaScript مجموعه ای از کد است که برای انجام یک کار خاص طراحی شده است. یک تابع JavaScript زمانی اجرا می شود که “چیزی” آن را فراخوانی کند (آنرا فراخوانی کند). مثال function myFunction(p1, p2) { return p1…

محمد یوسفی

18 جولای 2021

یک تابع JavaScript مجموعه ای از کد است که برای انجام یک کار خاص طراحی شده است.

یک تابع JavaScript زمانی اجرا می شود که “چیزی” آن را فراخوانی کند (آنرا فراخوانی کند).


مثال

function myFunction(p1, p2) {
  return p1 * p2;   // The function returns the product of p1 and p2
}

نحو عملکرد JavaScript

یک تابع جاوا اسکریپت با functionکلمه کلیدی تعریف می شود و به دنبال آن یک نام و سپس پرانتز () ارائه می شود .

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

پرانتزها ممکن است شامل نام پارامترهای جدا شده با کاما باشند:
پارامتر 1 ، پارامتر 2 ، … )

کدی که توسط تابع اجرا می شود ، در داخل براکت های فر قرار می گیرد: {}

function name(parameter1, parameter2, parameter3) {
  // code to be executed
}

پارامترهای عملکرد در داخل پرانتز () در تعریف عملکرد ذکر شده اند.

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

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

یک عملکرد در سایر زبانهای برنامه نویسی تقریباً مشابه Procedure یا Subroutine است.


فراخوانی عملکرد

هنگامی که “چیزی” عملکرد را فراخوانی (فراخوانی) می کند ، کد درون تابع اجرا می شود:

  • هنگامی که یک رویداد رخ می دهد (هنگامی که کاربر یک دکمه را کلیک می کند)
  • وقتی از کد JavaScript فراخوانی می شود (فراخوانی می شود)
  • به صورت خودکار (خود استناد)

بعداً در این آموزش با چیزهای بیشتری در مورد فراخوانی عملکرد آشنا خواهید شد.



بازگشت عملکرد

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

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

توابع اغلب مقدار برگشتی را محاسبه می کنند . مقدار برگشتی “برگشت” به “تماس گیرنده” است:

مثال

حاصلضرب دو عدد را محاسبه کنید و نتیجه را برگردانید:

let 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
}

نتیجه در x خواهد بود:

12


چرا توابع؟

می توانید از کد استفاده مجدد کنید: کد را یک بار تعریف کنید و بارها از آن استفاده کنید.

برای تولید نتایج متفاوت می توانید چندین بار از همان کد با استدلال های مختلف استفاده کنید.

مثال

تبدیل فارنهایت به سانتیگراد:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

اپراتور () عملکرد را فراخوانی می کند

با استفاده از مثال بالا ، toCelsiusبه شی عملکرد toCelsius()اشاره می کند و به نتیجه عملکرد اشاره می کند.

دسترسی به یک تابع بدون () به جای نتیجه عملکرد ، عملکرد تابع را برمی گرداند.

مثال

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

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

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

مثال

به جای استفاده از یک متغیر برای ذخیره مقدار بازگشتی یک تابع:

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

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

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

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


متغیرهای محلی

متغیرهایی که در یک تابع JavaScript اعلام می شوند ، برای عملکرد LOCAL می شوند .

متغیرهای محلی فقط از داخل تابع قابل دسترسی هستند.

مثال

// code here can NOT use carName

function myFunction() {
  let carName = "Volvo";
  // code here CAN use carName
}

// code here can NOT use carName

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

متغیرهای محلی هنگام شروع یک تابع ایجاد می شوند و با تکمیل عملکرد حذف می شوند.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها