مع تطوير الأوقات ، ظهرت المزيد والمزيد من الأطر الممتازة في معسكر JavaScript ، الذي قام بتبسيط أعمال التطوير الخاصة بنا إلى حد كبير. إذا لم تكن راضيًا عن استخدام واجهات برمجة التطبيقات الجاهزة ، بل لديك فهم عميق لآليات التنفيذ الداخلية الخاصة بهم (كما يقول شخص ما ، واجهات برمجة التطبيقات هي أسرع شيء للاستهلاك) ، فإن أفضل طريقة هي قراءة رمز المصدر هل يمكنك فهمه.
لقد درست الكود المصدري لـ JQuery في اليومين الماضيين. حسنًا ، لنلقي نظرة على كيفية عمل JQuery. هذه المقالة ليست مناسبة للأصدقاء الذين ليس لديهم فهم للمفاهيم مثل الفصول ، والكائنات ، والوظائف ، والنماذج الأولية ، وما إلى ذلك في JS.
لنبدأ بالبداية:
أولاً ، قم ببناء كائن للمستخدم ، على افتراض أن إطار عملنا يسمى Shaka (اسمي ؛)))
var Shaka = function () {} ؛ من أجل أن يستدعي الكائن الذي تم إنشاؤه الأساليب المحددة في النموذج الأولي ، نحتاج إلى إضافة بعض الطرق إلى Shaka في النموذج الأولي (مع أخذ Shaka كصف) ، لذلك نحدد:
shaka.fn = shaka.prototype = {} ؛
هنا ، shaka.fn تعادل الاسم المستعار من shaka.prototype ، وهو مريح للاستخدام في المستقبل.
حسنًا ، دعنا نضيف طريقة لـ Sayhello وإضافة معلمة إلى Shaka ، بحيث يكون الإطار الأساسي موجودًا بالفعل.
قم بتشغيل مربع الرمز
[Ctrl+A جميع نصائح التحديد: يمكنك تعديل بعض التعليمات البرمجية أولاً ، ثم اضغط على Run]
حسنًا ، لا تكن متحمسًا ، لاحظنا أن هناك بعض الاختلافات بين هذا الإطار و jQuery قيد الاستخدام ، على سبيل المثال ، في JQ يمكننا الكتابة بهذه الطريقة:
jQuery ('#myid'). somemethod () ؛
كيف يعمل هذا؟
var shaka = function () {return // return the estant of Shaka ؛
إذن كيف نحصل على مثيل لشاكا؟ وظيفة MyClass ، أي مُنشئ الفئة ، ثم يحصل SomeObj على الأساليب المحددة في myClass.Prototype.