hody.ir

9-کار با توابع و کار با کلمه کلیدی return در جاوااسکریپت | هودی | آموزشای متنی

9-کار با توابع و کار با کلمه کلیدی return در جاوااسکریپت

دوره هیولای جاوااسکریپت جلسه ی 9

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

مفهوم و کاربرد توابع در برنامه نویسی

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

مطمئن هستم میگید یعنی چی فراخوان بشوند؟!

ما وقتی که در داخل یک تابع کدی مینویسیم در واقع هدفمان از این کار اینه که نمیخوایم این تابع بدون فراخوانی اجرا بشه یعنی به مثال زیر توجه کنید:

function hody(){
    console.log("hi hody.ir you are best");
}

توضیحات:

  1. خوب اول ما با کلمه ی کلیدی function یه تابع به اسم hody ساختیم.
  2. گفتیم با هر بار فراخوانی این تابع کنسول برای ما اون متن رو لاگ بگیره.

برای فراخوانی این تابع باید این کد را در انتهای تابع می نویسیم:

function hody(){
    console.log("hi hody.ir you are best");
}
hody();

خروجی توی کنسول مرورگر:

hi hody.ir you are best

حتی میتونید چند بار فراخوانی کنید یک تابع رو:

function hody(){
    console.log("hi hody.ir you are best");
}
hody();
hody();
hody();
hody();

خروجی توی کنسول:

hi hody.ir you are best
hi hody.ir you are best
hi hody.ir you are best
hi hody.ir you are best

کار با پارامتر ها و آرگومان ها در توابع

خوب برای ششروع کار اول پارامتر های یک تابع رو مینویسیم سپس هنگام فراخوانی آرگومان هارو پاس میدیم به طرف تابع برای درک بهتر این موضوع به کد زیر توجه کنید:

function hody(parametr){
    console.log("hello"+parametr);
}
hody(" my argoman");

توضیحات:

  1. ما برای ورودی یک متغییر به اسم parametr گرفتیم.
  2. بعد گفتیم بعد از hello مقدار این پارامتر را هنگام فراخاونی واسمون چاپ کنه.
  3. سپس حین فراخوانی ما یک آرگومان به تابع پاس میدیم این آرگومان همون my argoman هست دلیل اینکارمون هست که متغییر parametr باید یک مقدار در حین فراخوانی بگیره در غیر اینصورت مقدار parametr باید undefind چاپ بشود در جلوی hello .

خروجی :

hello my argoman

یک ایده بهتون بگم 🙂 :

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

با این توابع میتونید یه فریم ورک کوچیک هم واسه خودتون بنویسید 😉

کار با کلمه کلیدی return

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

مثال:

function hody(parametr){
     var calc = parametr +10;

     return calc;
}
var mynum = hody(10);
console.log(mynum);
  1. ما برای ورودی یک متغییر به اسم parametr گرفتیم.
  2. سپس داخل متغییر calc پارمترمون رو با 10 جمع کردیم.
  3. حال برای اینکه از این متغییر calc در بیرون از تابع هم دسترسی داشته باشیم از return استفاده میکنیم.
  4. حال برای اینکه از مقداری که توسط return به طرف بیرون پاس داده شده استفاده کنیم تابعمون رو همراه با یک آرگومان به دلخواه که ما در اینجا 10 گذاشتیم رو برابر یک متغییری به اسم mynum قرار میدیم حال الان میتونید هر کاری با این متغییر بکنیم که ما اون را چاپ کردیم.
0 0 vote
Article Rating
Subscribe
اطلاع از
guest
0 Comments
Inline Feedbacks
View all comments