OOP فى الجافا سكريبت

EL Programmer · 17-10-2006, 04:52 PM

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته ,,

فى هذا الموضوع سنتكلم عن البرمجة الكائنية object oriented فى الجافا سكريبت , ولكن ليس الغرض من الموضوع هو التعريف بالبرمجة الكائنية عموما او كيفية الاستفادة من هذا المفهوم وتطويعه فى برامجك , ولكن الغرض هو كيفية تطبيق البرمجة الكائنية فى الجافا سكريبت اى ال syntax الخاص بذلك فى الجافا سكريبت.

لنذهب سريعا لل PHP ونشاهد كيفية انشاء كلاس وعمل كائن من هذا الكلاس ومن ثم نقوم بنقل هذه التجربة للجافا سكريبت

[LEFT]

كود PHP:

  /*---- تعريف الكلاس -----*/

class SumClass

{

 var $result = 0;

 function sum($x , $y){

   $this->result = $x + $y;

 }

 function getResult(){

   return $this->result;

 }

}

/*---- انشاء كائن من الكلاس ----*/

$sumObj = new SumClass;

$sumObj->sum(5,4);

echo $sumObj->getResult(); // 9

[/LEFT]

كما نرى تم تعريف الكلاس ومن ثم امكننا انشاء كائن من هذا الكلاس واستخدامه,
والان نعود للغرض الرئيسى للموضوع وهو الجافا سكريبت ونحاول تنفيذ نفس هذا الاجراء إن شاء الله

[LEFT]

كود PHP:

  /*------ تعريف الكلاس ------*/

function SumClass(){

  this.result = 0; // تعريف متغير داخل الكلاس

  this.sum = function(x , y){ // انشاء وظيفة داخل الكلاس

    this.result = x+y;

  }

  this.getResult = function(){

    return this.result;

  }

}

/*------- انشاء كائن واستخدامه ------*/

sumObj = new SumClass;

sumObj.sum(5,4);

alert( sumObj.getResult() ); // 9

[/LEFT]

ملاحظات هامة: كما ذكرت سابقا ليس الغرض من الموضوع هو توضيح ماهو ال OOP ولكن الغرض هو توضيح الصورة العامة لانشاء كلاس وعمل كائن من هذا الكلاس فى الجافا سكريبت ,
تم اختيار ال PHP فى البداية وذلك لشيوعها الواسع بين مبرمجى المواقع وايضا لان الصورة العامة لانشاء كلاس فى PHP هى نفسها فى C++ و java .

Zizwar · 17-10-2006, 06:42 PM

درس مميز وتشبيه يسهل على مبرمجي ال PHP الولوج للجافاسكريبت، والبرمجة على نفس المبدأ
شكرا على الدرس
ولسلاسة جافاسكريبت فإنه يمكن ان تنشئ كائن بعدة طرق ومن بينها هذه الطريقة

كود PHP:

  <script type="text/javascript">

<!--

var SumClass = {}; // الإعلان عن متغير كدالة فارغة

    SumClass.result = 0; // تعريف متغير داخل الدالة 

    SumClass.sum = function(x , y){ 

    this.result = x+y; //  انشاء وظيفة داخل الدالة

  }

  SumClass.getResult = function(){

    return this.result;

  }

/* -- استدعاء واخد قيمة الدالة ككائن له مناهجه الخاصة --*/

sumObj = SumClass; 

sumObj.sum(5,4);

alert( sumObj.getResult() );

//-->

</script>

هناك طرق اخرى، لعمل كائن سأدرجهم لاحقا، للعلم الطريقة التي ادرجت انت هي الرسمية

مشراق · 22-10-2006, 03:22 AM

تسلم ايدك اخي EL Programmer
طريقة مبسطه وواضحة ومطلوبة

بارك الله فيك

ابو الويس · 14-11-2006, 08:54 PM

حلو
موضوع حلو
تشكر يا زوق

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق