عرض النماذج KO: حرفية الكائن مقابل الوظائف

في Knockout JS، يمكن الإعلان عن عرض النماذج باستخدام إما حرفي الكائن أو الوظائف. في حين أن الغرض الأساسي لكليهما هو تحديد الخصائص التي يمكن ملاحظتها والوظائف المحسوبة، فإن الاختلافات الرئيسية بينهما تؤثر على التغليف والمرونة وتنظيم التعليمات البرمجية.

حرف الكائنات:

var viewModel = {
    firstname: ko.observable("Bob")
};

لا توفر الوصول إلى هذا السياق المحدد مسبقًا ضمن الوظائف المحسوبة.
• يمكن أن يكون من الصعب إدارته إذا كان نموذج العرض يحتوي على العديد من الوظائف القابلة للملاحظة والمحسوبة.

الوظائف: var viewModel = function() { this.firstname = ko.observable("بوب"); };

var viewModel = function() {
    this.firstname = ko.observable("Bob");
};

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

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

نماذج العرض القائمة على الوظيفة تمكين إنشاء خصائص وطرق خاصة في هذا السياق باستخدام النمط الذاتي:

var ViewModel = function() { فار النفس = هذا؛ self.privateProperty = ko.observable(); self.privateMethod = function() {}; };

var viewModel = {
    firstname: ko.observable("Bob")
};

بدلاً من ذلك، توفر المتصفحات الحديثة وKnockout JS وظيفة الربط لربط وظيفة بشكل صريح بسياق محدد:

فار ViewModel = وظيفة () { this.items = ko.observableArray(); this.removeItem = function(item) { this.items.remove(item); }.bind(this); };

var ViewModel = function() {
    this.items = ko.observableArray();
    this.removeItem = function(item) { this.items.remove(item); }.bind(this);
};

بينما يمكن استخدام كل من القيم الحرفية للكائن والوظائف لتحديد نماذج عرض Knockout، تُفضل الوظائف بشكل عام لتغليفها ومرونتها ومعالجتها بكفاءة في الوظائف المحسوبة.