الدرس الخامس عشر function في الجافا سكربت

تاريخ النشر : 23/08/38 10:06:00 م

الدرس الخامس عشر function في الجافا سكربت

نتعرف في هذا الدرس على شيئ مهم جداً وهي طريقة كتابة دالة ( فنكشن ) function في الجافا سكربت

كما نعرف ان البرمجة تعتمد على تنفيذ الأسطر البرمجية أو مجموعة من الأوامر لكن من المهم جداً في البرمجة ترتيب تلك الأوامر لكي لانضظر لإعادة كتابة الأكواد وتكرارها ، لذا نستخدم الفنكشن أو الدالة

فالدالة ( فنكشن ) function هي مجموعة من التعليمات البرمجية المكتوبة لأداء مهام محددة في البرنامج والطريقة العامة لكتبابة الفنكشن هي :

function اسم الدالة (متغير 1, متغير 2… متغير n)

{

//هنا نكتب نص الكود البرمجي الذي ينفذ عند استدعاء الدالة

return قيمة ; // ( القيمة المرجعة وتكون اختيارية)

}

في الجافا سكربت يتم تعريف الفنكشن أو الدالة بكتابة كلمة functions ثم اسمها ثم كما تلاحظ قد تطلب أن يكون لها متغير أو عدة متغيرات تكتب بين القوسين العاديين بعد الإسم

وقد لا تحتاج لإرسال متغيرات لتلك الدالة فنكتبها بقوسين متقابلين ()

ويتم استدعاء الدالة في الجافا سكربت بعدة طرق :

تلقائيا
عند وقوع الحدث
من خلال شفرة جافا سكربت أخرى

قد تعود الفنكشن بقيمة ما وقد لا تعود فتنفذ فقط أكواد محددة ، ولكن لو كانت الفنكشن تعود بقيمة نستخدم العبارة return

في حال استخدمنا زر html فيمكن استدعاء الفنكشن في الجافا سكربت في الحدث onclick بكتابة اسم الفنكشن كما في المثال .

الآن دعونا نطبق ذلك بمثال

افتح برنامج المفكرة لديك واكتب الكود التالي

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>الدرس الخامس عشر استخدام الدالة Function في الجافا سكربت</title>
</head>
<body>
<h1> انقر على الزر ثم ادخل الرقمين </h1>
<button id="clickMe"  onclick="sumNumber()"> جمع الرقمين </button>
<button id="clickMe"  onclick="subNumber()"> طرح الرقمين </button>
<script>
	//جمع رقمين 
	function sumNumber()
	{
	msg1 = prompt("أكتب الرقم الأول");
	msg2 = prompt("أكتب الرقم الثاني");
	var num1 ;
	num1 = parseInt(msg1);
	var num2;
	num2 = parseInt(msg2);
	alert( num1 + num2);
	}	
	
	// طرح رقمين وسيتم استدعاء فنكشن بداخل الفنكشن
	function subNumber()
	{
	msg1 = prompt("أكتب الرقم الأول");
	msg2 = prompt("أكتب الرقم الثاني");    
	alert( subtraction(msg1,msg2));
	}	
	
	function subtraction(msg1,msg2)
	{
	var num1 ;
	num1 = parseInt(msg1);
	var num2;
	num2 = parseInt(msg2);
	return (num1 - num2)
	}
</script>
</body>
</html>