شرح رسومي تفصيلي لسلسلة النماذج الأولية لجافا سكريبت

التوصيات ذات الصلة: برنامج تعليمي لجافا سكريبت

1. سلسلة النموذج الأولي

1.1 شرح سلسلة النموذج الأولي:

1. (المفهوم) تشير سلسلة النموذج الأولي إلى قائمة مرتبطة مكونة من بعض النماذج الأولية من خلال مؤشرات __proto__. يمكن لسلسلة النموذج الأولي أن تخدم الكائنات التي ترغب في مشاركة البيانات في سلسلة النموذج الأولي ويتم استخدامها لتنفيذ آلية وراثة جافا سكريبت.

2. (مؤشر سلسلة النموذج الأولي) المؤشرات المشاركة في سلسلة النموذج الأولي:

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

1.2 رسم توضيحي لسلسلة النموذج الأولي التي لا تنطوي على الميراث:

1. سلسلة النموذج الأولي من نوع المنشئ: يتم إنشاء الكائن الذي تخدمه سلسلة النموذج الأولي بواسطة المُنشئ (هذه الصورة مهمة جدًا، وتتضمن السلسلة الأساسية، وهناك صور مماثلة على الإنترنت)

الدالة أ() {

}
دع a1 = جديد A()
دع a2 = جديد A()
دع a3 = جديد A()
// ستعمل سطور التعليمات البرمجية هذه على إنشاء سلسلة النموذج الأولي الموضحة أدناه

2. سلسلة النموذج الأولي من النوع غير المنشئ: يتم إنشاء الكائنات التي تخدمها سلسلة النموذج الأولي بواسطة وظائف المصنع، والكائنات الحرفية، وObject.create، وما إلى ذلك.

Let A = {
    امتحان: ""
}
دع a1 = Object.create(A)
دع a2 = Object.create(A)
دع a3 = Object.create(A)
// تتوافق أسطر التعليمات البرمجية هذه مع سلسلة النموذج الأولي الموضحة أدناه

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

الدالة أ() {

}
دع a1 = جديد A()
دع a2 = جديد A()
دع a3 = جديد A()
// ستعمل سطور التعليمات البرمجية هذه على إنشاء سلسلة النموذج الأولي الموضحة أدناه

1.3 رسم توضيحي لسلسلة النموذج الأولي التي تتضمن الميراث

يمكن تحليل سلسلة النموذج الأولي التي تتضمن الميراث باستخدام رسم تخطيطي مبسط

// استخدم وضع التركيبة الطفيلية لتنفيذ الوظيفة الموروثة C() {}
الدالة ب () {}
B.prototype = جديد C()
الدالة أ () {}
A.prototype = جديد B()

دع a1 = جديد A()
دع a2 = جديد A()
دع a3 = جديد A()

1.4 نقطة نهاية

سلسلة النموذج الأولي نقطة نهاية سلسلة النموذج الأولي فارغة، ولا تشير إلى كائن النموذج الأولي

1.5 ديناميكيات النموذج الأولي

تم شرح ديناميكيات النموذج الأولي بالتفصيل في "البرمجة الموجهة للكائنات". ويتضمن بشكل أساسي إعادة كتابة النموذج الأولي وتعديله. وهنا بعض الأمثلة.
المثال 1 - ديناميكيات النموذج الأولي

var A = function() {};
A.prototype.n = 1;
فار ب = جديد أ();
أ.النموذج الأولي = {
    ن: 2،
    م: 3
}
فار ج = جديد أ();

console.log(bn); // 1
console.log(bm);// غير محدد

console.log(cn);
console.log(cm); // 3

مثال 2 - ديناميكيات النموذج الأولي والسلسلة السفلية للنموذج الأولي

var F = function() {};

Object.prototype.a = function() {
    console.log('a');
};

Function.prototype.b = وظيفة () {
    console.log('ب');
}

فار f = جديد F();

فا ()؛ // أ
fb(); // السمة b غير موجودة Fa();
Fb(); // b

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

المثال 3 - ديناميكيات النموذج الأولي ووظيفة السلسلة السفلية للنموذج الأولي

الشخص (الاسم) {
    this.name = name
}
دع p = شخص جديد('توم');
console.log(p.__proto__) // Person.prototype
console.log(Person.__proto__) // Function.prototype

المثال 4 - ديناميكيات النموذج الأولي وسلسلة النموذج الأولي

var foo = {}, F = function(){};
Object.prototype.a = 'القيمة أ'؛
Function.prototype.b = 'القيمة ب';
كائن.النموذج الأولي = {
    أ: "القيمة أ"
}
الوظيفة.النموذج الأولي = {
    ب: "القيمة ب"
}

console.log(foo.a); // القيمة أ
console.log(foo.b); // غير محدد

console.log(Fa); // القيمة أ
console.log(Fb); // تشير القيمة b

إلى الصورة الأولى في "مخطط سلسلة النموذج الأولي الذي لا يتضمن الوراثة" المذكور أعلاه لرسم مشكلة تحليل المخطط المرجعي المبسط التالي. نظرًا لأن foo وF يربطان نماذجهما الأولية عند الإعلان عنها، فإنهما يحصلان على عنوان النموذج الأولي المخزن في ذاكرة الكومة من خلال المؤشر المخزن في ذاكرة المكدس. أولاً، سيتم تعديل النموذج الأولي من خلال عملية التعديل للنموذج الأولي الموجود في ذاكرة الكومة، ولا يزال بإمكان F الوصول إلى النتيجة المعدلة من خلال مؤشر ذاكرة المكدس. الخطوة الثانية هي إعادة كتابة النموذج الأولي في JS، وهي عبارة عن "عمليات نقل القيمة". بعد إعادة كتابة النموذج الأولي، افتح أولاً مساحة جديدة في ذاكرة الكومة لتخزين النموذج الأولي الجديد، ثم افتح مساحة جديدة في ذاكرة المكدس. لتخزين المؤشر في ذاكرة الكومة. في هذا الوقت، نظرًا لأن مؤشرات ذاكرة المكدس التي يحملها foo وF تختلف عن مؤشرات ذاكرة المكدس الجديدة، لا يمكن لـ foo وF الوصول إلى النموذج الأولي المعاد كتابته.

التوصيات ذات الصلة: البرنامج التعليمي لتعلم JavaScript

ما ورد أعلاه هو شرح مفصل لسلسلة نماذج JavaScript بالصور والنصوص. لمزيد من المعلومات، يرجى الانتباه إلى المقالات الأخرى ذات الصلة على موقع PHP الصيني!