Бенджамин попросил меня уточнить мою позицию, поэтому я отредактировал свой предыдущий пост и добавил дополнительные мысли.
Боб Мартин - автор великой книги под названием «Чистый код». В этой книге есть глава (Глава 6.) «Объекты и структуры данных», в которой он обсуждает наиболее важные различия между объектами и структурами данных и утверждает, что мы должны выбирать между ними, потому что смешивать их - очень плохая идея.
Эта путаница иногда приводит к неудачным гибридным структурам, которые являются наполовину объектами и наполовину структурами данных. У них есть функции, которые делают важные вещи, и у них также есть либо открытые переменные, либо открытые методы доступа и мутаторы, которые для всех намерений и целей делают закрытые переменные общедоступными, побуждая другие внешние функции использовать эти переменные так, как процедурная программа будет использовать структура данных.4 Такие гибриды затрудняют добавление новых функций, но также затрудняют добавление новых структур данных. Они худшие из обоих миров. Избегайте их создания. Они указывают на запутанный дизайн, авторы которого не уверены - или, что еще хуже, не знают - нуждаются ли они в защите от функций или типов.
Я думаю, что DOM является примером этих гибридов объектов и структур данных. Например, DOM мы пишем такие коды:
el.appendChild(node);
el.childNodes;
// bleeding internals
el.setAttribute(attr, val);
el.attributes;
// bleeding internals
el.style.color;
// at least this is okay
el = document.createElement(tag);
doc = document.implementation.createHTMLDocument();
// document is both a factory and a tree root
DOM должен быть явно структурой данных, а не гибридом.
el.childNodes.add(node);
// or el.childNodes[el.childNodes.length] = node;
el.childNodes;
el.attributes.put(attr, val);
// or el.attributes[attr] = val;
el.attributes;
el.style.get("color");
// or el.style.color;
factory = new HtmlNodeFactory();
el = factory.createElement(document, tag);
doc = factory.createDocument();
Инфраструктура jQuery представляет собой набор процедур, которые могут выбирать и изменять набор узлов DOM и выполнять множество других задач. Как отметил Лоран в своем посте, jQuery выглядит примерно так:
html(select("#body"), "<p>hello</p>");
Разработчики jQuery объединили все эти процедуры в один класс, который отвечает за все функции, перечисленные выше. Таким образом, он явно нарушает Принцип Единой Ответственности и поэтому является объектом бога. Единственное, потому что он ничего не нарушает, потому что это отдельный автономный класс, который работает с единой структурой данных (набором узлов DOM). Если бы мы добавили подклассы jQuery или другую структуру данных, проект очень быстро рухнул бы. Так что я не думаю, что мы можем говорить о oO с помощью jQuery, это скорее процедурно, чем oo, несмотря на то, что он определяет класс.
То, что Лоран утверждает, является полной ерундой:
Так что же все это значит? Этот jQuery (как и LINQ) не является анти-паттерном объекта God. Это случай очень уважаемого шаблона под названием «Декоратор».
Шаблон Decorator предназначен для добавления новых функциональных возможностей, сохраняя интерфейс и не изменяя существующие классы. Например:
Вы можете определить 2 класса, которые реализуют один и тот же интерфейс, но с совершенно другой реализацией:
/**
* @interface
*/
var Something = function (){};
/**
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
Something.prototype.doSomething = function (arg1, arg2){};
/**
* @class
* @implements {Something}
*/
var A = function (){
// ...
};
/**
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
A.prototype.doSomething = function (arg1, arg2){
// doSomething implementation of A
};
/**
* @class
* @implements {Something}
*/
var B = function (){
// ...
};
/**
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
B.prototype.doSomething = function (arg1, arg2){
// doSomething implementation of B
// it is completely different from the implementation of A
// that's why it cannot be a sub-class of A
};
Если у вас есть методы, которые используют только общий интерфейс, то вы можете определить один или несколько Декораторов вместо того, чтобы копировать один и тот же код между A и B. Вы можете использовать эти декораторы даже во вложенной структуре.
/**
* @class
* @implements {Something}
* @argument {Something} something The decorated object.
*/
var SomethingDecorator = function (something){
this.something = something;
// ...
};
/**
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
SomethingDecorator.prototype.doSomething = function (arg1, arg2){
return this.something.doSomething(arg1, arg2);
};
/**
* A new method which can be common by A and B.
*
* @argument {function} done The callback.
* @argument {string} arg1 The first argument.
* @argument {string} arg2 The second argument.
*/
SomethingDecorator.prototype.doSomethingDelayed = function (done, arg1, arg2){
var err, res;
setTimeout(function (){
try {
res = this.doSomething(o.arg1, o.arg2);
} catch (e) {
err = e;
}
callback(err, res);
}, 1000);
};
Таким образом, вы можете заменить исходные экземпляры экземплярами декоратора в коде более высокого уровня абстракции.
function decorateWithManyFeatures(something){
var d1 = new SomethingDecorator(something);
var d2 = new AnotherSomethingDecorator(d1);
// ...
return dn;
}
var a = new A();
var b = new B();
var decoratedA = decorateWithManyFeatures(a);
var decoratedB = decorateWithManyFeatures(b);
decoratedA.doSomethingDelayed(...);
decoratedB.doSomethingDelayed(...);
Вывод, что jQuery не является декоратором чего-либо, потому что он не реализует тот же интерфейс, что и Array, NodeList или любой другой объект DOM. Он реализует свой собственный интерфейс. Модули также не используются в качестве декораторов, они просто переопределяют исходный прототип. Таким образом, шаблон Decorator не используется во всей библиотеке jQuery. Класс jQuery - это просто огромный адаптер, который позволяет нам использовать один и тот же API во многих различных браузерах. С точки зрения oo это полный беспорядок, но это не имеет большого значения, это работает хорошо, и мы используем его.
$функции илиjQueryобъекта?»