عند البحث عن كيفية تصميم واجهة برمجة تطبيقات JavaScript ، اكتشفت سلسلة الطريقة ، والتي يبدو أنها قوية ومثيرة للاهتمام ، وهذا الشيء هو أيضًا شيء نراه غالبًا في الماضي. .
طريقة جافا سكريبت
هناك تفسير حول ويكيبيديا:
نسخة الكود كما يلي:
تعتبر سلسلة السلاسل ، المعروفة أيضًا باسم Idiom المعلمة المسماة ، بناء جملة شائعة لاستدعاء مكالمات متعددة في لغات البرمجة الموجهة للكائنات. تُرجع كل طريقة كائنًا ، مما يسمح بتعيين المكالمات معًا في بيان واحد. التصدي هو السكر النحوي الذي يلغي الحاجة إلى المتغيرات الوسيطة. تُعرف سلسلة الطريقة أيضًا باسم حطام القطار بسبب الزيادة في عدد الأساليب التي تأتي واحدة تلو الأخرى في نفس الخط الذي يحدث حيث يتم ربط المزيد من الأساليب بالسلاسل على الرغم من أن فواصل الأسطر غالبًا ما تتم إضافة بين الطرق.
لقد استخدمت أداة الترجمة للترجمة:
نسخة الكود كما يلي:
تعد سلاسل الطريقة ، المعروفة أيضًا باسم طريقة المعلمة المسماة ، بناء جملة شائعة لاستدعاء طرق متعددة في لغات البرمجة الموجهة للكائنات. تقوم كل طريقة بإرجاع كائن يسمح للاتصال بالهاتف معًا في إعلان واحد. الروابط هي السكر النحوي ، مما يلغي الحاجة إلى المتغيرات الوسيطة. تسمى سلاسل الأسلوب أيضًا حطام القطار لأن الأساليب تحدث واحدة تلو الأخرى وأكثر من قفلات طريقة واحدة حتى لو تمت إضافة الخطوط الجديدة عادة بين الطرق.
طريقة التسلسل الاستخدام
من المقدر أن تكون السلسلة الأكثر استخدامًا في سلسلة الطرق يجب أن تكون jQuery.
نسخة الكود كما يلي:
// التسلسل
$ ("#شخص"). Slidedown ('Slow')
.
.css ('margin-left' ، '11px') ؛
يمكننا أن نسمي هذا باستخدام هذا الاستخدام. يعتمد jQuery بشكل كبير على الروابط. هذا يجعل من السهل استدعاء عدة طرق بنفس الخيار. هذا أيضًا يجعل الكود أكثر وضوحًا ويمنع نفس الاختيار من تنفيذها عدة مرات (تحسين الأداء). عندما لا تكون هناك سلسلة طريقة ، يبدو ما يلي
نسخة الكود كما يلي:
var p = $ ('#person') ؛
P.Slidedown ('Slow') ؛
P.AddClass ('Croped') ؛
P.CSS ('margin-left' ، '11px') ؛
يبدو مشابهًا جدًا للباني في نمط التصميم. الفرق هو أن p هنا طريقة ، وليس فئة.
مثال سلسلة طريقة JavaScript
عندما تحدثنا عن وظائف JavaScript ذات الترتيب العالي من قبل ، تحدثنا عن الطباعة ("Hello") ('World') ، وقد تصبح نتيجة هذا الاستخدام هكذا.
نسخة الكود كما يلي:
وظيفة f (i) {
وظيفة الإرجاع (هـ) {
i+= e ؛
وظيفة الإرجاع (هـ) {
i+= e ؛
وظيفة الإرجاع (هـ) {
تنبيه (i+e) ؛
} ؛
} ؛
} ؛
} ؛
F (1) (2) (3) (4) ؛ // 10
هذا مثال على الإنترنت ، لكنه كان أيضًا الطريقة التي كتبت بها سلسلة من سلسلة آخر مرة. تبدو ضعيفة.
نسخة الكود كما يلي:
var func = (function () {
يعود{
إضافة: وظيفة () {
console.log ('1') ؛
يعود{
النتيجة: function () {
console.log ('2') ؛
}
}
}
}
}) () ؛
func.add (). result () ؛
في الواقع ، يجب أن يكون هناك عودة هذا في كل وظيفة ، لذلك هناك:
نسخة الكود كما يلي:
func = (function () {
this.add = function () {
console.log ('1') ؛
إرجاع هذا ؛
} ؛
this.result = function () {
console.log ('2') ؛
إرجاع هذا ؛
} ؛
إرجاع هذا ؛
}) ؛
var func = new func () ؛
func.add (). result () ؛
بالطبع يمكننا أيضًا وضع الجملتين الأخيرتين
نسخة الكود كما يلي:
var func = new func () ؛
func.add (). result () ؛
يصبح
نسخة الكود كما يلي:
new func (). add (). result () ؛
آخر
أخيرًا كمقارنة صغيرة لمكان مربك:
طريقة السلاسل مقابل التسلسل النموذجي
تتشابه سلسلة النموذج الأولي وسلسلة الطريقة في بعض الجوانب ، ولكن قد يكون الفرق هو ذلك
1. سلسلة النموذج الأولي يتطلب النموذج الأولي
2. سلسلة الطريقة هي الطريقة