الدرس الثالث -الدوال

الدوال FUNCTION :

يتم تعريف الدوال  في الجافا اسكربت كالاتي :

بالكلمة الأساسية FUNCTION  متبوعا باسم الدالة متبوعا بالأقواس قد تحتوي الاقواس علي معاملات  parameter.

يتم وضع الكود المراد تنفيذه بواسطة الدالة  داخل أقواس متعرجة {  }

 

function name(parameter1, parameter2, parameter3) {
  // code to be executed
}

parameter هي عبارة عن متغيرات داخل الدالة يتم ارسال قيمها من خارج الدالة .

استداء الدالة   Function Invocation :

 

سيتم تنفيذ الكود الموجود داخل الوظيفة باحدي الطرق التالية

  • عند وقوع حدث (عندما ينقر المستخدم على زر)
  • عندما يتم استدعاؤها (called) من كود JavaScript
  • آليًا (تم استدعاؤه ذاتيًا)( self invoked)

نتيجة الدالة  Function Return:

عند استدعاء الدالة وتنفيذها تقوم بإرجاع قيمة الدالة .

 

var x = myFunction(43);   // استدعاء الدالة
 

function myFunction(a, b) {
  return a * b;             // كود الدالة يقوم يضرب قيمة المتغيرات المرسلة وارجاع النتيجة
}

النتيجة ستكون =12

 

سوف نتحدث عن طريق استخدام  js  مع  HTML  وبعدها نواصل شرح الدالة ..

توجد ثلاث طرق لتضمين JS مع HTML

  1. Embedded code (كود مضمن)
  2. External source (ملف خارجي)
  3. Event (حدث)

استخدام الوسم  <script>


 
<!-- Embed Code -->
<script type="text / javascript">
  // JavaScript code come here
</script>

 
<!-- External source -->
<script type="text/ javascript" src="PATH"> </script>

نواصل شرح الدوال :

هذا المثال يقوم يتحول درجة الفهرنهايت الي درجة مئوية .

<script>

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById(
"demo").innerHTML = toCelsius(77);

</script>

document.getElementById("demo").innerHTML = toCelsius(77);

نقوم بشرح هذه الجملة

  • Document  تمثل صفحة الـ html
  • getElementById("demo")  وظيفة تقوم بجلب العنصر الذي يمثل بالـ ID الذي بين الاقواس  وفي هذا العنصر يعرض نتيجة الدالة .
  •  innerHTML  أي العنصر الموجود داخل الصفحة  نتيجة الدالة تكون في الصفحة
  • toCelsius(77); تمثل القيمة التي سوف تعرض في الصفحة .