JavaScript - المتغيرات و الدوال

مرحباً صديقي،

إن المتغيرات بكل بساطة هي عبارة عن مكان لتخزين البيانات في ذاكرة الحاسوب أثناء القيام ببرمجة برنامج معين بغض النظر عن اللغة المستخدمة في البرمجة (نحن نتكلم هنا عن مفهوم البرمجة بشكل عام)

أما التوابع فهي عمليات أو أفعال نقوم بها و نستخدمها في البرنامج لتحقيق غاية معينة،

لنعيد ما سبق بلغة أبسط:

أنت لديك حقيبة مدرسية لتخزين الكتب، يمكنك تشبيه الحقيبة بالمتغيرات، إذ يمكنك وضع البيانات المناسبة للمتغير ضمن هذا المتغير، فتقوم مثلاً بوضع الكتب في الحقيبة المدرسية (تقوم بتخزين الكتب في الحقيبة).

ولكن لا يمكنك على سبيل المثال وضع أواني المطبخ في الحقيبة المدرسية، لأنها بكل بساطة ليست مخصصة لذلك، بل تقوم بوضع الاواني في مكانها المخصص ضمن المطبخ. نفس الوضع ينطبق على المتغيرات البرمجية في بعض اللغات.

مثلاً (متغيرات خاصة لتخزين السلاسل المحرفية و النصوص و أخرى مخصصة لتخزين الارقام و أخرى لتخزين الكائنات).

ربما يجب أن لا تقلق من هذا الأمر فهو ليس ضروريا جداً في لغة JavaScript . الأهم هو أن المتغيرات هي أماكن لتخزين المعلومات.

نأتي للتوابع، التوابع قلنا هي الأفعال التي نقوم بالقيام بها سواءً كانت افعال بسيطة أم مركبة، فبالعودة للمثال السابق:

وضع الكتب داخل الحقيبة هو فعل ( يمكن التعبير عنه بتابع) و إغلاقك للسحاب هو فعل أيضاً و حملك للحقيبة هو فعل و إفراغك لمحتويات الحقيبة هو فعل كذلك، و يمكن التعبير عن جميع الافعال السابقة بتوابع. سنقوم بتطبيق مثال برمجي:

سنعرف متحولين لتخزين الرقمين 1 و 2، و سنسمي هذين المتحولين x و y كالتالي:

var x = 1;
var y = 2;

لاحظ اننا قمنا الآن بتعريف المتغيرات، الآن سننتقل للتوابع،

التوابع قلنا أنها أفعال، سنقوم بتعريف تابع لجمع أي رقمين و سنسميه sum:

function sum(a,b){
  return a+b;
}

يقوم التابع السابق بارجاع مجموع الرقمين الذين سيمرران اليه، الان سنقوم بتنفيذه على المتغيرين x و y :

sum(x,y);

الان سيقوم التابع sum باخذ قيم الارقام المخزنة ضمن المتحولين x و y واللذان هما 1 و 2 و جمعهما و ارجاع الناتج و هو 3.

تحياتي،

مرحبا،

المتغيرات, المتغير، تستخدم لغات البرمجة اسم مستعار لمكان في الذاكرة ليسهل الوصول له و تخزين القيم و قراءتها.

من الاسم نستنتج أنه خلال عمل البرنامج يقبل المتغير أن تتغير قيمته. مثلا:

var a;

a = 5;

a = 10;

a = a * 2 + 1; //  a => 21

a = 1;

a = 1 - a;    //   a => 0

المثال يتضمن تعريف متغير، ثم إسناد له عدة قيم، كل مرة شيئ مختلف.

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

- في جزء التعبيرات الحسابية، يقوم الحاسوب بحساب الجزء الأيمن أولاً ثم يقوم بإسناد القيمة للجزء الأيسر (على طرفي إشارة المساواة =).

- في جافا سكربت يمكن تعريف متحول بدون الكلمة المفتاحية var لكن استخدامها أوضح بالنسبة للبشر في فهم الكود (أي أن البرنامج السابق يعمل بدون أول سطر).

الآن سنتكلم عن الدوال - function: هي جزء من الشيفرة البرمجية نريد تنفيذها عدة مرات في البرنامج، وهذا في طبيعة الحال سيجبرنا بنسخ الشيفرة البرمجية عدة مرات وهذا أسلوب غير عملي .. فقام مطورو لغات البرمجة بإيجاد طريقة لعزل و استخلاص الأجزاء المتكررة من البرنامج ووضعها في فيما يسمى دالة - والدلة هي مكون برمجي مثل المتغير - له اسم مميز ويمكننا تشبيهه بالعامل الذي نطلب منه تنفيذ مهمة محددة في كل مرة.

يمكننا إعطاء هذا العامل تعليمات مختلفة في كل مرة يقوم بتنفيذ هذا العمل و سيعود لنا بالنتائج إن سارت الأمور على مايرام (لم يحدث خطأ في تنفيذ البرنامج)

يتم تمرير التعليمات للدوال عن طريق مايسمى البارامترات - parameter أو الوسطاء.

وهي عبارة عن متغيرات مؤقتة تقوم الدالة بتعريفها و استخدامهم حتى تنتهي من عملها ثم تتخلص منهم من الذاكرة.

- هي نفس طريقة تعامل البرنامج الرئيسي مع باقِ المتحولات - حيث يتم تفريغ الذاكرة بعد انتهاء البرنامج بعد كل تنفيذ.

مثال بسيط لتابع يقوم بالجميع - حيث يكفي ذكر اسمه مع الوسطاء ضمن البرنامج الرئيسي ليتم عملية حساب المجموع.

// تابع يعيد ناتج مجموع متغيرين
function add(p1, p2) {
  return p1 + p2;   
}

var x = add(1,1); // x => 2
x = add(2,2);     // x => 4
x = add(2,3);     // x => 5
x = add(4,7);     // x => 11

لاحظ أننا قمنا بتعريف الfunction لمرة واحدة ثم قمنا باستدعائه عدة مرات .. بدون تكرار جزء عملية الجمع.

- لاحظ لا نقوم بتكرار عملية تعريف المتغير X و أنه في كل مرة يحمل قيمة مختلفة.

- p1 تعبر عن الوسيط الأول الممرر للدالة و p2 الوسيط الثاني.

مثال لعملية الطرح:

// تابع يعيد ناتج طرح متغيرين
function minus(p1, p2) {
  return p1 - p2;   
}

var x = minus(1,1); // x => 0
x = minus(2,1);     // x => 1
x = minus(2,3);     // x => -1
x = minus(4,7);     // x => -3

يمكننا عمل برامج تحوي function يقوم بعمليات طويلة و ضخمة بنفيس الفكرة و سترى أمثلة خلال دراستك.

في حال وجود أي أسئلة تفضل بطرحها، كل التوفيق لك

مراجع وشروحات :

رابط1 المتغيرات - أكاديمية حسوب - رابط2 الدوال - أكاديمية حسوب - رابط3 - المتغيرات - موسوعة حسوب -

 رابط4 - الدوال - موسوعة حسوب - رابط5 - جافاسكربت - موسوعة حسوب