جافا سكريبت تحديد واستدعاء الوظائف مع المثال

ما هي الوظيفة في جافا سكريبت؟

تعد الوظائف مهمة جدًا ومفيدة في أي لغة برمجة لأنها تجعل التعليمات البرمجية قابلة لإعادة الاستخدام. الوظيفة عبارة عن كتلة من التعليمات البرمجية التي سيتم تنفيذها فقط إذا تم استدعاؤها. إذا كان لديك بضعة أسطر من التعليمات البرمجية تحتاج إلى استخدامها عدة مرات، فيمكنك إنشاء وظيفة تتضمن الأسطر المتكررة من التعليمات البرمجية ثم استدعاء الوظيفة أينما تريد.

كيفية إنشاء وظيفة في JavaScript

  1. استخدم الكلمة الأساسية وظيفة متبوعًا باسم الوظيفة.
  2. بعد اسم الوظيفة ، افتح الأقواس وأغلقها.
  3. بعد الأقواس ، افتح وأغلق الأقواس المتعرجة.
  4. داخل الأقواس المتعرجة ، اكتب سطور التعليمات البرمجية الخاصة بك.

بناء الجملة:

function functionname()
{

  lines of code to be executed

}

جرب هذا بنفسك:

<html>
<head>
	<title>Functions!!!</title>
	<script type="text/javascript">
      function myFunction()
      {
      	document.write("This is a simple function.<br />");
      }
		myFunction();
	</script>
</head>
<body>
</body>
</html>

وظيفة مع الحجج

يمكنك إنشاء وظائف باستخدام الوسائط أيضًا. يجب تحديد الوسائط بين قوسين

بناء الجملة:

function functionname(arg1, arg2)

{

  lines of code to be executed

}

جرب هذا بنفسك:

<html>
<head>
	<script type="text/javascript">
		var count = 0;
		function countVowels(name)
		{
			for (var i=0;i<name.length;i++)
			{
              if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
              count = count + 1;
			}
		document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
		}
   	 	var myName = prompt("Please enter your name");
    	countVowels(myName);
	</script>
</head>
<body>
</body>
</html>

قيمة إرجاع جافا سكريبت

يمكنك أيضًا إنشاء وظائف JS التي تُرجع القيم. داخل الوظيفة، تحتاج إلى استخدام الكلمة الأساسية عائد أعلى متبوعة بالقيمة التي سيتم إرجاعها.

بناء الجملة:

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

جرب هذا بنفسك:

<html>
<head>
	<script type="text/javascript">
		function returnSum(first, second)
        {
          var sum = first + second;
          return sum;
        }
      var firstNo = 78;
      var secondNo = 22;
      document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
	</script>
</head>
<body>
</body>
</html>