آشنایی با توابع در جاوا اسکریپت
معرفی زبان جاوا اسکریپت
یکی از قدرتمند ترین و محبوب ترین زبان های برنامه نویسی است که با ویژگی های خود همه روزه به تعداد علاقه مندان آن اضافه می شود از جمله این ویژگی ها استفاده از توابع در این زبان برنامه نویسی و کاربردی است.
تابع در جاوا اسکریپت چیست ؟
به زبان ساده تابع مجموعه ی از کد ها هستند که تحت عنوانی ذخیره شده و میتوان آنهارا چندین بار فراخوانی کرد به عبارت دیگر از توابع برای گروه بندی تعدادی کد مشخص ، نامگذاری و صدا زدن آن استفاده می شود.
چرا باید از توابع استفاده کرد؟
استفاده از توابع مزایای زیادی دارد مانند:
جلو گیری از کد نویسی تکراری باقرار دادن کد ها درون یک تابع و فراخوانی آن
صرفه جویی در زمان
افزایش سرعت
کد نویسی تمیز و خوانا
نحوه تعریف و استفاده از توابع در جاوا اسکریپت چگونه است ؟
شما فرص کنید با چند تکه کد قصد دارید مجموع دو عدد را محاسبه کرده و نتیجه را در مرورگر چاپ کنید
let x = 2;
let y = 3;
let print = x + y;
console.log(print)
به طور فرض پس از چند خط کد دوباره نیاز دارید اعداد بالا را جمع کرده و نمایش دهید قطعا دوباره نوشتن کدهای بالا اشتباه است و زمان زیادی می گیرد برای رفع این مشکل ما از توابع استفاده می کنیم و هر بار که به آن نیاز داشتیم تابع مورد نظر را صدا می زنیم
به صورت زیر :
Sum (){
let x = 2;
let y = 3;
let print = x + y;
console.log(print)
}
برای هر بار فراخوانی تابع بالا کافی است از کد () sum استفاده کنید.
همانطور که مشاهده می کنید تابعی که ما تعریف کردیم درست کار می کند اما اشکالاتی دارد .
برای مثال این تابع فقط دو عدد 2 و 3 را باهم جمع میکند یعنی اگر در هر جایه برنامه ما بخواهیم دوعدد غیر از این دو را باهم جمع کنیم به مشکل بر می خوریم برای حل این مسئله ما تابع خود را به صورت زیر می نویسیم تا بتوانیم هر دو عدد دلخواه را باهم جمع کنیم.
sum (a, b)
{
var Print= a + b;
console.log (Print);
}
باتوجه به تکه کد بالا ما می توانیم هر دوعدد دلخواه را باهم جمع کنیم و تابع را صدا بزنیم
sum (1, 2)
a=1
b=2
print=3
در این جا سوالی که پیش می آید این است که اگر ما بخواهیم نتیجه ی تابع بدست آمده را در جایی دیگر از کد خود استفاده کنیم باید چه کنیم؟
پاسخ این سوال استفاده از عبارت return است و با این کار ما میتوانیم برای مثال بالا مجموع دو عدد را گرفته و در تابعی دیگر برای مثلا ضرب آن دو عدد در عددی دیگر استفاده کنیم.
sum(a, b)
{
var Print = a + b;
return Print;
}
کد بالا را می توان به شکل زیر نیز نوشت :
sum(a, b)
{
return a + b;
}
ما می توانیم نتیجه این تابع را در متغیر دیگری ذخیره کنیم و در جاهای دیگر از آن استفاده کنیم مانند :
var result = sum(5, 6);
console.log(result);
باتوجه به بروز رسانی جاوا اسکریپت در نسخه (ES6) شما میتوانید درون توابع خود از پارامتر های اختیاری نیز استفاده کنید یعنی به توابع خود مقادیری پیش فرض اختصاص دهید تا اگر کاربر هنگام فراخوانی تابع از هیچ آرگومانی استفاده نکرد برنامه از مقادیر پیش فرض ما استفاده کند.
برای مثال تابع بالا را میتوان به صورت زیر نوشت :
sum(a = 2, b = 3)
{
return a + b;
}
موفق و سلامت باشید.
توسعه دهنده وب
شروع آشنایی من با دنیای برنامه نویسی 9 سال پیش بود ، اول مسیر با وردپرس آشنا شدم و بعد از اون شروع به یادگیری زبان جاوا اسکریپت کردم و رفته رفته سعی کردم یک برنامه نویس Front-end بشم که به مبحث گرافیک هم علاقه منده و هر روز تلاش میکنه تا پیشرفت کنه و اگر تجربه ای داره با بقیه به اشتراک بزاره.
- آموزش ساخت صفحه ی وب سایت با استفاده از HTML و css
- ساخت فروشگاه اینترنتی با html ، css و bootstrap - بخش اول
- آموزش نصب ، راه اندازی و کامپایل sass
- میانبر های مفید ادیتور VSCode
- سوالات مصاحبه ای از php و لاراول
این مقاله چقدر مفید بود ؟