مناقشة كائنات جافا سكريبت

نظرًا لمرونة JavaScript، يمكن لأي شخص كتابة التعليمات البرمجية وفقًا لعاداته الخاصة. هناك أيضًا طرق برمجة وظيفية، وهناك أيضًا كائنات حرفية تُستخدم على نطاق واسع اليوم. نظرًا لظهور البرمجة الوظيفية الموجهة للكائنات، فإن JavaScript فقط لقد تطورت أيضًا تدريجيًا إلى برمجة الفصل. الآن سأشرح بإيجاز العديد من عادات البرمجة المألوفة:

1. الكائن الحرفي:

وفيما يلي المحتوى المقتبس: فار الشخص = { الاسم: لاغية، اسم المجموعة: الوظيفة (الاسم) { this.name = name; إرجاع هذا. الاسم؛ }, الحصول على الاسم: وظيفة () { تنبيه(هذا.اسم); } }

طريقة برمجة ذات خصائص JavaScript. تحتوي على اسم السمة والطرق setName وgetName في وحدات الفئة. ومن السهل نسبيًا استدعاء الطريقة person.setname('R'). من هذه النقطة فصاعدًا، يشير هذا إلى الشخص، و سمات وأساليب الشخص كلها ليست خاصة، ويمكن استدعاؤها.

2. وضع استدعاء منشئ النموذج الأولي

وفيما يلي المحتوى المقتبس: فار الشخص = الوظيفة (){ this.name = null; } Person.prototype.setName = function(name){ this.name = name; } Person.prototype.getName = function(){ تنبيه(هذا.اسم); }

إنها أيضًا طريقة برمجة شائعة جدًا لإنشاء فئة شخص، ثم استخدام النموذج الأولي لتوسيع الفئة وإضافة طرق. أكبر اختلاف عن الكائنات الحرفية هو أنه عند استدعاء أساليب هذه الفئة، يجب عليك أولاً استخدام جديد (على غرار Java استدعاء الفئات). var p = new Person();p.getName(); إذا قمت بإنشائه مباشرة دون استخدام جديد، فلن يتم الإبلاغ عن هذا الخطأ ويصعب العثور على سبب الخطأ يأتي من هذا الإشارة إلى Person.prototypel، وليس لدى الشخص طريقة setName.

3. استخدم وظائف مجهولة للبرمجة الوظيفية

وفيما يلي المحتوى المقتبس: (وظيفة(){ اسم فار؛ فار مجموعة اسم = وظيفة(ن){ الاسم = ن؛ } window['person']['setName'] = setName; فار getName = وظيفة () { تنبيه (الاسم)؛ } window['person']['getName'] = getName; })()

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

4. البرمجة الصفية (لا أعرف ماذا أسميها)

وفيما يلي المحتوى المقتبس: فار شخص = وظيفة () { اسم فار = فارغ؛ يعود{ اسم المجموعة: الوظيفة (ن) { الاسم = ن؛ }, الحصول على الاسم: وظيفة () { تنبيه (الاسم)؛ } } }

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

5. سلسلة الطريقة

وفيما يلي المحتوى المقتبس: فار الشخص = الوظيفة (){ this.name = null; } نموذج الشخص = { اسم المجموعة: الوظيفة (الاسم) { this.name = name; رد هذا؛ }, الحصول على الاسم: وظيفة () { تنبيه(هذا.اسم); رد هذا؛ } }

jQuery هي مكتبة تسلسل الطرق الأكثر كلاسيكية. إذا كنت لا تزال لا تفهم ماهية تسلسل الطرق، فقم بإلقاء نظرة على هذا المثال:

وفيما يلي المحتوى المقتبس: var p = new Person(); p.setName('Tom').getName().setName('Ray').getName();

نظرًا لأن كل طريقة تنتهي بإرجاع هذا؛ يتم إنشاء فئة متسلسلة.

هذه هي الطرق التي أعرفها أكثر، كل شخص لديه خصائصه الخاصة، لذلك هناك طرق لا حصر لها، ومع ذلك، أود استكشاف المشكلات التالية:

1. حول هذا المؤشر

يتم استخدامه عند إنشاء فئات متعددة، ولكن ما هو دوره في الواقع، وهو يلعب دورًا كبيرًا في إعادة الاستخدام والميراث.
قم أولاً بإنشاء فئة الشخص:

وفيما يلي المحتوى المقتبس: فار الشخص = الوظيفة (){ this.name = null; } Person.prototype.setName = function(name){ this.name = name; } Person.prototype.getName = function(){ تنبيه(هذا.اسم); } Person.prototype.getAge = function(){ var age = this.age || ''; تنبيه (العمر)؛ }

ثم قم بإنشاء فئة أطفال ودمج جميع أساليب وخصائص الشخص:

وفيما يلي المحتوى المقتبس: فار الأطفال = الوظيفة(العمر){ this.name = null; this.age = age; } Children.prototype = new Person(); // يرث خصائص وأساليب الشخص Children.prototype.ageJudge = function(){ // أضف أيضًا طريقة جديدة للأطفال إذا (هذا. العمر > 18){ تنبيه('بالغ~'); } آخر { تنبيه ("أقل من 18 عامًا ~")؛ } } Children.prototype.getName = function(){ // تجاوز طريقة getName var about = this.name + ' ' + this.age; تنبيه(حول); } فار توم = أطفال جدد(12); فار الأعمار = tom.getAge(); var القاضي = tom.ageJudge(); //أقل من 18 عامًا~ var setN = tom.setName('Tom'); var get = tom.getName(); //توم 12

هذا هو الميراث، ثم ننظر إلى إعادة استخدام وظيفة بسيطة:

وفيما يلي المحتوى المقتبس: فار SetColor = وظيفة(){ this.style.backgroundColor = '#000'; // يشير هذا إلى النافذة } document.body.onclick = SetColor; // يشير هذا إلى الجسم في هذا الوقت documnet.getElementById('color').onmouseout = SetColor; // يشير هذا إلى documnet.getElementById('color') بعد رؤية وظيفة هذا، يجب أن يكون لدي فهم جديد لهذا، والآن لدي سؤال، وهو ما إذا كان ينبغي استخدامه أم لا، دعونا نلقي نظرة على مثال بسيط: فار مجموعة اللون = { الحرف الأول: وظيفة (كائن) { this.obj = obj; // يشير هذا إلى setColor this.obj.onclick = this.color; }, اللون:وظيفة (){ this.style.backgroundColor = '#000'; // يشير هذا إلى الكائن } }

في فصل واحد فقط، يشير هذا إلى مكانين، مما يجعل الناس في بعض الأحيان في حيرة من أمرهم بسبب هذا وسيغيرون طريقة كتابة التعليمات البرمجية قليلاً:

وفيما يلي المحتوى المقتبس: فار مجموعة اللون = { الحرف الأول: وظيفة (كائن) { setColor.obj = obj; setColor.obj.onclick = setColor.color; }, اللون:وظيفة (){ this.style.backgroundColor = '#000'; // هذا يمكن أن يسهل إعادة استخدام الأساليب } }

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

وفيما يلي المحتوى المقتبس: فار الشخص = الوظيفة (){ this.name = null; } Person.prototype.setName = function(name){ this.name = name; } Person.setName('tom'); // طريقة خاطئة: سيشير هذا في طريقة setName إلى Person.prototypel، وليس لدى الشخص طريقة setName

كما ذكرنا من قبل، إذا لم يتم كتابته كـ var p = new Person();p.setName('tom'); فهذا في هذه الفئة سيشير مباشرة إلى Person.prototypel. لن يحدث هذا الخطأ أثناء الترجمة أو وقت التشغيل سيتم الإبلاغ عن خطأ في بعض الأحيان قد يسبب الصداع، لذا عند كتابة التعليمات البرمجية، أختار هذا بعناية دائمًا.

2. تغليف الطبقة

في Java، يمكن تعيين أساليب أو خصائص فئة ما على أنها خاصة، لتجنب الاستدعاءات الخارجية، لكن JavaScript لا تحتوي على مثل هذا الإعداد، ألقِ نظرة على الكود التالي:

وفيما يلي المحتوى المقتبس: فار الشخص = { الاسم: لاغية، الحرف الأول: الوظيفة (الاسم) { this.setName(name); }, اسم المجموعة: الوظيفة (الاسم) { this.name = name; إرجاع هذا. الاسم؛ } } person.init('توم'); //توم

يوجد في هذا الفصل طريقتان، وهما init وsetName، ونريد فقط تشغيل setName من init، أو الطرق المختلفة التي ستتم إضافتها إليه في المستقبل، ولا نريد أن تظهر:

person.setName('توم'); //توم

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

وفيما يلي المحتوى المقتبس: فار شخص = وظيفة () { اسم فار = فارغ؛ فار مجموعة اسم = وظيفة(ن){ الاسم = ن؛ اسم الإرجاع؛ } يعود{ الحرف الأول: وظيفة (ن) { setName(n); } } }

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