Javascript

|

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

توابع یا function کدهایی هستند که شما یک بار اون ها رو مینویسید و میتونید چندین بار در برنامتون استفاده کنید و صدا بزنید. این کار باعث میشه علاوه بر اینکه تعداد کدی که مینویسین کمتر باشه ساختار برنامه مورد نظرتون هم ساختار بهتر و مرتب تری باشه.

توابع رو میشه به ۳ قسمت تقسیم کرد

1.ورودی اون تابع

2.عملیاتی که تابع روی ورودی انجام میده

3.خروجی که از عملیات مورد نظر بر روی ورودی اعمال شده

به طور مثال ما یک تابع داریم که جمع ورودی ها رو به ما میده و ورودی های ما شامل اعداد 12 و 4 هست که تابع عملیات رو روی آنها انجام میده و مقدار خروجی 16 رو به ما میده .

برای اینکه در زبان جاوا اسکریپت یک تابعی رو تعریف کنیم Syntax خاصی رو باید رعایت کنیم.

برای تابع در ابتدا باید کلمه function رو بیارید و بعد از اون اسم تابع رو که میتونه یک اسم دلخواه باشه و باید با یکی از حروف الفبای انگلیسی شروع بشه و نمیتونه با عدد شروع بشه. بعد ار اون درون پرانتز ورودی های تابع را میارید و درون براکت کد تابع و عملیاتی که تابع بر روی ورودی ها انجام میده تا خروجی رو تولید کنه میده.

Function funcName ( input parameters)

{

//function code ;

//return output ;

}

برای مثال ما یک تابع به عنوان average تعریف کردیم که سه عدد رو به عنوان ورودی میگیره و میانگین اونها رو بر میگردونه. در قسمت عملیات تابع ما یک متغییر avg که میخواد عملیات درون اون انجام بشه تعریف میکنیم و با استفاده از return avg مقدار را بر میگردانیم.

Function average ( a , b , c )

{

Var avg = ( a +b + c) / 3 ;

Return avg ;

}

نکته: زمانی که شما بخواهید مقداری را برگردانید با return بر میگردانید و در صورتی که خروجی شما نخواهد چیزی را برگرداند برای مثال تابع هایی که فقط یکسری متغییر ها رو چاپ میکنند و بر نمیگردونند میتونید از واژه return استفاده نکنید.

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

برای مثال تابع Average بالا را این گونه صدا میزنیم.

Var a = average (5 , 4 , 3 )

یکسری از اعداد رو در متغییر number ذخیره میکنیم ابتدا چاپ میکردیم و سپس به ترتیب چاپ میکنیم و در اخر میخواهیم اعضای ارایه را برعکس چاپ کند.

Number = [ 8 , 4 , 6 , 1 ,3 , 5 , 6 , 2 , 9 , 7 ];

For( i= 0 ; I < numbers.length ; i++ ) {

Document.write (numbers [i] + ‘ ‘ ) ;

}

Document.write ( ‘ <br> ‘ ) ;

Numbers.sort () ;

For ( I = 0 ; I < numbers.length ; i++ ) {

Document.write (numbers [i] + ‘ ‘ ) ;

}

Document.write ( ‘ <br>’) ;

Numbers.reverse ();

For (i=0 ; i< numbers.length ; I ++ ) {

Document.write ( numbers [i] + ‘ ‘ ) ;

}

خروجی :

7 9 2 6 5 3 1 6 4 8

9 8 7 6 6 5 4 3 2 1

1 2 3 4 5 6 6 7 8 9

حال میخواهیم در مثال بالا تابع را تعریف کنیم. یک تابع تعریف میکنیم که اعضای ورودی مثال بالا را چاپ کند.

Function printArray(A) {

For( i= 0 ; I < A.length ; i++ ) {

Document.write (A [i] + ‘ ‘ ) ;

}

Document.write ( ‘ <br> ‘ ) ;

}

Number = [ 8 , 4 , 6 , 1 ,3 , 5 , 6 , 2 , 9 , 7 ];

printArray(numbers) ;

numbers.sort();

printArray(numbers) ;

numbers.reverse();

printArray(numbers) ;

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

خروجی:

7 9 2 6 5 3 1 6 4 8

9 8 7 6 6 5 4 3 2 1

1 2 3 4 5 6 6 7 8 9

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

دریافت آخرین مطالب وبلاگ در کانال داتینه

بهاره شهسواری

بهاره شهسواری ، کارشناس نرم افزار هستم .
از سال 91 مشغول به یادگیری زبان های css ,html , javascript و jquery شدم
و از سال 93 به صورت اختصاصی به فعالیت در حوزه css و html پرداختم. علاوه بر کد نویسی به گرافیک هم علاقه مند هستم.

نظرات
نظر بدهید