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

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

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

نکات اصلی توابع جاوااسکریپت:

• وقتی چیزی تابعی را فراخوانی (فراخوانی) می کند ، توسط برنامه اجرا می شود.
• یک تابع در JavaScript با کلمه کلیدی تابع ، یک نام (اختیاری) و پرانتز (()) مشخص شده است.
• نام عملکردهای JavaScript می تواند دارای رقم ، حروف ، علائم دلاری ($) و زیر خط (_) باشد.
• این ممکن است شامل نام پارامترها (مقادیر) باشد که با ویرگول از هم جدا شده اند: (مقدار 1 ، مقدار 2 و غیره).
• کد باید در براکت های مجعد ({}) باشد تا اجرا شود.
• نام های ذکر شده در تعریف عملکرد JavaScript پارامترهای عملکرد هستند.
• مقادیر واقعی دریافت شده توسط تابع فراخوانی ، آرگومان های عملکرد هستند.
• آرگومان ها به عنوان متغیرهای محلی در داخل تابع عمل می کنند.

توابع چیست؟

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

در مثال زیر ، تابعی را مشاهده می کنید که z1 را در z2 ضرب می کند و سپس مرورگر مقدار را برمی گرداند. این بدان معناست که عملکرد یک محاسبه را انجام داده ، جواب را برگردانده و به پایان رسیده است:

function learnFunction(z1, z2) {
    return z1 * z2;
}

نحو مقدماتی

نوشتن توابع JS اگر بدانید که چطور این کار را انجام دهید نسبتاً آسان است. این مراحل را دنبال کنید ، و دیگر هرگز نگران نحو عملکرد JavaScript نخواهید بود:

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

نتیجه نهایی باید به این شکل باشد:

تابع myName (myPara1، myPara2، myPara3) {

کد اجرا شود

}

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

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

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

با استفاده از بیانیه بازگشت

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

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

function learnFunction(x, z) {
    return x * z;
}

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

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

به عنوان مثال ، در ویرایشگر ، تابعی را می بینید که درجه فارنهایت را به سانتیگراد تبدیل می کند. این تابع قبلاً کار خود را به پایان رسانده است ، اما اگر تصمیم دارید مقدار Fahrenheit را تغییر دهید ، می توانید دوباره از آن استفاده کنید:

function celsius(fah) {
    return (fah - 32) * (5 / 9);
}
document.getElementById("test").innerHTML = celsius(86);

اکنون به مثال زیر خوب نگاه کنید. شما همان کدی را که قبلاً مشاهده کرده اید می بینید ، اما مقدار Celsius در داخل پرانتز تعریف نشده است. به همین دلیل ، عملکرد نمی تواند به درستی کار کند – هیچ مقداری فارنهایت که تابع JavaScript بتواند آن را به مقدار سانتیگراد تبدیل کند ، تعیین نمی شود. به همین دلیل ، مرورگر به جای مقدار تعریف عملکرد را نمایش می دهد:

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

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

توابع به صورت متغیرها

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

document.getElementById("test").innerHTML =
"The weather temperature is " + celsius(86) + " Celsius";

function celsius(fahr) {
    return (5 / 9) * (fahr - 32);
}

خلاصه توابع جاوااسکریپت:

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