سلام دوستان! میخوایم با یک ویژگی به اسم تابع یا Function آشنا بشیم. توابع یکی از پرکاربردترین ویژگیهای هر زبان هست و تا همین جای آموزش کلی از توابع استفاده کردیم. برای مثال تابعی مثل alert:
alert("I am learning JS 💪"); // Click ►
حالا توی این قسمت میخوایم ببینیم توابع چی هستن، چطوری تعریف و استفاده میشن.
توی این قسمت موارد زیر رو یاد میگیریم:
تابع (Function) چیه؟ 🤔
تابع، به مجموعهای از کدها گفته میشه که فقط یکبار نوشته میشن و میتونن چندین و چند بار مورد استفاده قرار بگیرن.
با استفاده از توابع، حجم کدنویسی ما کمتر میشه و سرعت توسعهدادن برنامه بالاتر میره.
مثلاً یک برنامه فروشگاهی داریم و میخوایم قیمت یک محصول رو با ۳۰٪ تخفیف بدست بیاریم. کدی داریم به صورت زیر:
const price = 1500; const discountPrice = price - (price * 30 / 100);
کدی که توی خط ۲ نوشتیم برای محاسبه قیمت محصول با تخفیف هست. ما توی یک برنامه فروشگاهی معمولاً جاهای زیادی قیمت تخفیفی یک محصول رو نمایش میدیم. اگه بخوایم هر جایی از برنامه چنین کدی بنویسیم تا تخفیف رو محاسبه کنیم، به دلیل نوشتن کدهای تکراری، حجم کدهای ما بالا میره و توسعه برنامه سخت میشه. یک راه بهتر اینه که ما عملیاتِ محاسبه تخفیف رو فقط یکبار بنویسیم و هر جایی از برنامه از اون استفاده کنیم. برای این کار توابع به کار ما میان 👌
چطوری یک تابع بسازیم؟
تابعی مثل alert یک تابع درونی جاوااسکریپت هست که از قبل ساخته شده و ما فقط از اون استفاده میکنیم. اما این امکان وجود داره که ما توابع دلخواه خودمون رو بسازیم!
ما با استفاده از کلمهکلیدی function میتونیم یک تابع با اسم دلخواه بسازیم. نحوه ساختن یک تابع توی جاوااسکریپت به صورت زیر هست:
function welcome() { }
خب اولین تابعمون رو ساختیم 👋