نام گذاری کدها (تابع)

سلام

بحث امروز ما درباره مفهومی است که جایگاه ویژه‌ای در برنامه نویسی دارد؛ تابع. کمتر پیش می‌آید که کدی را بنویسید و از تابع، استفاده نکنید.

تابع

• تابع یا همان فانیکشین (Function)، مجموعه‌ای از یک یا چند کد است که در یک جا جمع شده و دارای نام شده‌اند.
 

نام گذاری کد

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

مثال: کد پیام را به یاد دارید؟

<Script>
alert ("سلام")
</Script>

اگر بخواهیم برای آن، نامی انتخاب کنیم، ابتدا کد مورد نظر را داخل یک جفت کورشه { } قرار داده، تا از کدهای دیگر جدا شود. بعد، کلمه function را در اول آن نوشته و بعد، نامی که انتخاب کرده‌اید را با یک جفت پرانتز ()، بنویسید. به این صورت:

<Script>
function funAlert()
{
alert ("سلام")
}
</Script>

نامی که من انتخاب کردم funAlert است. fun مخفف function، و Alert نوع کد مرا مشخص می‌کند. ‌

آیا می‌دانید کدی که الان درست کرده‌ایم با کد قبلی که بی‌نام بود، چه فرقی دارد؟ در عمل یک فرق کوچک، و آنکه این است که قبلا به محض باز شدن صفحه، اجرا شده و پیام نمایش داده میشد؛ ولی حالا، تا نام آنرا صدا نزنیم، عمل نمی‌کند.

به نظر شما این کار چه فایده‌ای دارد؟ منتظر جواب شما هستم.
 

صدا کردن تابع

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

مثال: می‌خواهم تابع funAlert، که در مثال بالا درست کرده‌ام، به هنگام باز شدن صفحه اجرا شود. برای این کار باید به تگ بدنه (Body = بادی) رفته و این کد را بنویسم:

<Body onLoad="funAlert()" ...>

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

<img onClick="funAlert()"  ...>

نقطه چین، یعنی بقیه کدهای مربوط به عکس.
 

خلاصه:

برای ساخت و به کارگیری یک تابع، سه کار باید کرد.
1- نوشتن کد: کدهایی را که لازم داریم می‌نویسیم.
2- نامگذاری: کدهای نوشته شده را در یک جا، جمع کرده و نامگذاری می‌کنیم.
3- صداکردن: در جای مناسب، تابع را صدا می‌کنیم.

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

به امید دیدار
خدانگهدار