مقدمة موجزة عن "النموذج الأولي" و"سلسلة النموذج الأولي" لجافا سكريبت

ما هو النموذج الأولي؟ النموذج الأولي هو مفهوم لم نذكره في التعلم الأساسي لـ JS. النموذج الأولي هو مصطلح عام يشمل بشكل أساسي كائن النموذج الأولي (النموذج الأولي) , النموذج الأولي للكائن (__proto__) , سلسلة النموذج الأولي انتظر، يتم أيضًا طرح هذه المفاهيم بشكل شائع في المقابلات وفقًا للإحصاءات، ستساعدك هذه المقالة على فهم المعرفة ذات الصلة بالنماذج الأولية وإتقانها، حتى لا تشعر بالحيرة بعد الآن.

1: المُنشئ

لقد درسنا العديد من اللغات الموجهة للكائنات، مثل Java وC++ وما إلى ذلك، ولكن JavaScript كانت استثناءً قبل ES6، إذًا كيف قمنا بإنشاء الكائنات من قبل؟ اتضح أنه قبل ES6، استخدمنا المنشئات لإنشاء كائنات تم إنشاء مثيل لها. المنشئ عبارة عن وظيفة خاصة تحتوي على الخصائص العامة للكائن، ومن المنطقي استخدامه مع الجديد .

ملاحظات حول المنشئ:

• يجب أن يكون الحرف الأول من اسم المنشئ كبيرًا
• ويجب استخدام المنشئ مع

1.1 الجديد كيفية استخدام المنشئ

<script> 
           function Animal(name,age){ // الحرف الأول من اسم المنشئ مكتوب بأحرف كبيرة this.name=name;
                this.age=age;
                this.eat=function(){
                  console.log("أنا آكل");
                }
           }
           var dog=new Animal('Wangcai',3) // ليتم استخدامه مع الجديد لإنشاء كائن console.log(dog.name);
           console.log(dog.age);
           أكل الكلب ()
   </script>

1.2 تتضمن عملية تنفيذ المُنشئ

الجديد عملية التنفيذ التالية:

• عندما يكون جديدًا، سيتم إنشاء كائن فارغ
• يشير هذا في المُنشئ إلى هذا الكائن الفارغ،
• وينفذ التعليمات البرمجية في المُنشئ، ويعين قيمة للكائن الفارغ، و يضيف أساليب سمة
• لإرجاع هذا الكائن

1.3 أعضاء المثيلات الأعضاء الثابتون

وأعضاء المثيل:

• أعضاء المثيل هم أعضاء تمت إضافتهم مع هذا داخل الخاصية.
• لا يمكن الوصول إلى أعضاء المثيل إلا من خلال استدعاء الكائن الذي تم إنشاء مثيل له ولا يمكن الوصول إليه من خلال اسم المنشئ

<script>.
           وظيفة الحيوان (الاسم والعمر) {
                this.name=name;
                this.age=age;
           }
           var dog=new Animal('Wangcai',3)
           console.log(dog.name);
           console.log(Animal.name);
   </script>

الأعضاء الثابتون:

• الأعضاء الثابتون هم أعضاء تم إنشاؤهم من خلال المنشئ نفسه ولا
• يمكن الوصول إلى الأعضاء الثابتين إلا من خلال اسم المنشئ، وليس من خلال الكائن الذي تم إنشاء مثيل

له
           وظيفة الحيوان (الاسم والعمر) {
                this.name=name;
                this.age=age;
           }
           var dog=new Animal('Wangcai',3)
           لون الحيوان='أسود'
           console.log(Animal.color);
           console.log(dog.color);
   </script>

2: النموذج الأولي لكائن النموذج

2.1 لماذا يوجد كائن نموذج أولي؟

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

<النص البرمجي> 
      وظيفة الحيوان (الاسم والعمر) {      
           this.name=name;
           this.age=age;
           this.eat=function(){
             console.log("أنا آكل");
           }
      }
      var dog=new Animal('Wangcai',3)     
      var cat=new Animal('Mimi',3)     
      var pig=new Animal('humhem',3)     
      فار فيش=حيوان جديد('جولو',3)     
      فار خروف=حيوان جديد('咩咩',3)     
      console.log(dog.eat==cat.eat);
</script>

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

2.2 استخدام كائنات النموذج الأولي

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

حل الحالة المذكورة أعلاه:

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

<script> 
      وظيفة الحيوان (الاسم والعمر) {      
           this.name=name;
           this.age=age;
      }
      Animal.prototype.eat=function(){
          console.log("أنا آكل");
      }
      var dog=new Animal('Wangcai',3)     
      var cat=new Animal('Mimi',3)     
      أكل الكلب ()
      أكل القط ()
      console.log(dog.eat==cat.eat);
</script>

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

ثلاثة: النموذج الأولي للكائن__proto__

3.1 ما هو النموذج الأولي للكائن؟

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

أو يمكن فهمه على النحو التالي:

• النموذج الأولي للكائن يعادل النموذج الأولي للكائن __proto__

3.2 نقاط يجب ملاحظتها حول النموذج الأولي للكائن __proto__

يجب أن نلاحظ أن وظيفة النموذج الأولي للكائن __protp__ هي فقط توفير اتجاه للبحث في المحتوى في كائن النموذج الأولي، ولا نحتاج إلى استخدامه، نحتاج فقط إلى تذكره يشير النموذج الأولي لكائن النموذج الأولي إلى

مبدأ البحث عن الطريقة:

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

النموذج

الأولي

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

وطباعة سمات المُنشئ لكليهما:

<script>

 
      وظيفة الحيوان (الاسم والعمر) {      
           this.name=name;
           this.age=age;
      }
      Animal.prototype.eat=function(){
         console.log("أنا آكل");
      }
     var dog=new Animal('Wangcai',4)
     console.log(dog.__proto__.constructor);
     console.log(Animal.prototype.constructor);
</script>

لقد وجدنا أن النتيجة المطبوعة هي بالفعل المنشئ نفسه

4.2 الإرجاع اليدوي للمنشئ