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

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

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

در این قسمت از آموزش جاوا اسکریپت (javascript) از تاپ سایت 98 به سراغ کار با توابع می رویم.

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

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

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

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

حال می توانیم صدها بار از این تابع استفاده کنیم.

یعنی بجای نوشتن یک کد به تعداد صد بار ، یک بار آن را ایجاد کرده و فقط با یک کلمه آن را فراخوانی می کنیم.

ساخت تابع در جاوا اسکریپت

در بخش زیر با ساخت تابع در جاوا اسکریپت (javascript) آشنا می شوید.

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

function sum(p1, p2) {
return p1 + p2;
}
document.getElementById("demo").innerHTML = "sum: "+ sum(10,15);

کدهای جاوا اسکریپت را در تگ script قرار می دهیم.

در قسمت زیر با فراخوانی تابع آشنا می شوید.

فراخوانی تابع در جاوا اسکریپت

در مثال زیر فراخوانی تابع در جاوا اسکریپت را می آموزید.

برای فراخوانی تابع کافی است نام آن را بنویسید و اگر مقدار ورودی دارد آن را وارد نمایید.

در این مثال یک پاراگراف با idی demo ایجاد کرده ایم و مقدار آن را خالی گذاشته ایم.

حال با دستور document مقدار خروجی تابع sum را در آن قرار می دهیم.

تابع دارای دو ورودی میباشد پس باید دو عدد را وارد نمایید.

خروجی تابع ، جمع دو عدد 10 و 25 است.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com</h1>
<p id="demo"></p>
<script>
function sum(p1, p2) {
return p1 + p2;
}
document.getElementById("demo").innerHTML = "sum: "+ sum(10,15);
</script>
</body>
</html>

تابع جاوااسکریپت

یک تابع جاوا اسکریپت با کلیدواژه function تعریف شده است و به دنبال آن یک نام است و به همین ترتیب پرانتز () است.

نام تابع می تواند شامل حروف، ارقام، حروف برجسته و علائم دلار (قوانین مشابه با متغیرها) باشد.

پرانتزها ممکن است پارامتر ورودی داشته باشند و با کاما از هم جدا می شوند:

(پارامتر 1، پارامتر 2، ...)

کد های تابع درون محدوده های {} قرار می گیرد.

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

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

در زیر یک تابع بازگشتی را با هم تحلیل می کنیم.

در زیر یک تابع بنام sum داریم که دو مقدار را دریافت می کند و آنها را با هم ضرب می کند.

حال برای فراخوانی تابع ، کافی است نام تابع و دو مقدار را وارد نماییم.

خروجی در متغیر ww قرار داده می شود.

حال ضرب دو عدد را در پاراگراف dd قرار می دهیم.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com</h1>
<p id="dd"></p>
<script>
var ww = sum(5, 7);
document.getElementById("dd").innerHTML = ww;
function sum(d, f) {
return d * f;
}
</script>
</body>
</html>

امیدواریم از این آموزش لذت برده باشید.

موفق باشید.

اگر به دنبال کار پاره وقت هستید با ما تماس بگیرید.

اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید