renovations

1-js/6-objects-more/5-static-properties-and-methods/article.md

@@ -0,0 +1,245 @@
+# Статические и фабричные методы
+
+Методы и свойства, которые не привязаны к конкретному экземпляру объекта, называют "статическими". Их записывают прямо в саму функцию-конструктор.
+
+[cut]
+
+## Статические свойства 
+
+В коде ниже используются статические свойства `Article.count` и `Article.DEFAULT_FORMAT`:
+
+```js
+function Article() {
+  Article.count++;
+}
+
+Article.count = 0; // статическое свойство-переменная
+Article.DEFAULT_FORMAT = "html"; // статическое свойство-константа
+```
+
+Они хранят данные, специфичные не для одного объекта, а для всех статей целиком. 
+
+Как правило, это чаще константы, такие как формат "по умолчанию" `Article.DEFAULT_FORMAT`.
+
+## Статические методы
+
+С примерами статических методов мы уже знакомы: это встроенные методы [String.fromCharCode](http://javascript.ru/String.fromCharCode), [Date.parse](http://javascript.ru/Date.parse).
+
+Создадим для `Article` статический метод `Article.showCount()`:
+
+```js
+//+ run
+function Article() {
+  Article.count++;
+
+  //...
+}
+Article.count = 0;
+
+Article.showCount = function() {
+*!*
+  alert(this.count);  // (1)
+*/!*
+}
+
+// использование
+new Article();
+new Article();
+Article.showCount(); // (2)
+```
+
+Здесь `Article.count` -- статическое свойство, а `Article.showCount` -- статический метод.
+
+Обратим внимание на использование `this` в примере выше. Несмотря на то, что переменная и метод -- статические, он всё ещё полезен. В строке `(1)` он равен `Article`.
+
+## Пример: сравнение объектов
+
+Ещё один хороший способ применения -- сравнение объектов.
+
+Например, у нас есть объект `Journal` для журналов. Журналы можно сравнивать -- по толщине, по весу, по другим параметрам. 
+
+Объявим "стандартную" функцию сравнения, которая будет сравнивать по дате издания. Эта функция сравнения, естественно, не привязана к конкретному журналу, но относится к журналам вообще.
+
+Поэтому зададим её как статический метод `Journal.compare`:
+
+```js
+function Journal(date) {
+  this.date = date;
+  // ...
+}
+
+// возвращает значение, большее 0, если A больше B, иначе меньшее 0
+Journal.compare = function(journalA, journalB) {
+  return journalA.date - journalB.date;
+};
+```
+
+В примере ниже эта функция используется для поиска самого раннего журнала из массива:
+
+```js
+//+ run
+function Journal(date) {
+  this.date = date;
+
+  this.formatDate = function(date) {
+    return date.getDate() + '.' + (date.getMonth()+1) + '.' + date.getFullYear();
+  };
+
+  this.getTitle = function() { 
+    return "Выпуск от " + this.formatDate(this.date);
+  };
+
+}
+
+*!*
+Journal.compare = function(journalA, journalB) {
+  return journalA.date - journalB.date;
+};
+*/!*
+
+// использование:
+var journals = [
+  new Journal(new Date(2012,1,1)), 
+  new Journal(new Date(2012,0,1)),
+  new Journal(new Date(2011,11,1)) 
+];
+
+function findMin(journals) {
+  var min = 0;
+  for(var i=0; i<journals.length; i++) {
+*!*
+    // используем статический метод
+    if ( Journal.compare(journals[min], journals[i]) > 0 ) min = i;
+*/!*
+  }
+  return journals[min];
+}
+
+alert( findMin(journals).getTitle() );
+```
+
+**Статический метод также можно использовать для функций, которые вообще не требуют наличия объекта.**
+
+Например, метод `formatDate(date)` можно сделать статическим. Он будет форматировать дату "как это принято в журналах", при этом его можно использовать в любом месте кода, не обязательно создавать журнал.
+
+Например:
+
+```js
+//+ run
+function Journal() { /*...*/ }
+
+Journal.formatDate = function(date) {
+  return date.getDate() + '.' + (date.getMonth()+1) + '.' + date.getFullYear();
+}
+
+// ни одного объекта Journal нет, просто форматируем дату
+alert( *!*Journal.formatDate(new Date)*/!* );
+```
+
+## Фабричные методы
+
+Рассмотрим ситуацию, когда объект нужно создавать различными способами. Например, это реализовано во встроенном объекте [Date](/datetime). Он по-разному обрабатывает аргументы разных типов:
+
+<ul>
+<li>`new Date()` -- создаёт объект с текущей датой,</li>
+<li>`new Date(milliseconds)` -- создаёт дату по количеству миллисекунд `milliseconds`,</li>
+<li>`new Date(year, month, day ...)` -- создаёт дату по компонентам год, месяц, день...</li>
+<li>`new Date(datestring)` -- читает дату из строки `datestring`</li>
+</ul>
+
+**"Фабричный статический метод" -- удобная альтернатива такому конструктору. Так называется статический метод, который служит для создания новых объектов (поэтому и называется "фабричным").**
+
+Пример встроенного фабричного метода -- [String.fromCharCode(code)](http://javascript.ru/String.fromCharCode). Этот метод создает строку из кода символа:
+
+```js
+//+ run
+var str = String.fromCharCode(65);
+alert(str); // 'A'
+```
+
+Но строки -- слишком простой пример, посмотрим что-нибудь посложнее.
+
+Допустим, нам нужно создавать объекты `User`: анонимные `new User()` и с данными `new User({name: 'Вася', age: 25})`.
+
+Можно, конечно, создать полиморфную функцию-конструктор `User`:
+
+```js
+//+ run
+function User(userData) { 
+  if (userData) { // если указаны данные -- одна ветка if
+    this.name = userData.name;
+    this.age = userData.age;
+  } else {   // если не указаны -- другая
+    this.name = 'Аноним';
+  }
+
+  this.sayHi = function() { alert(this.name) };
+  // ...
+}
+
+// Использование
+
+var guest = new User();
+guest.sayHi(); // Аноним
+
+var knownUser = new User({name: 'Вася', age: 25});
+knownUser.sayHi(); // Вася
+```
+
+Подход с использованием фабричных методов был бы другим. Вместо разбора параметров в конструкторе -- делаем два метода: `User.createAnonymous` и `User.createFromData`. 
+
+Код:
+
+```js
+//+ run
+function User() { 
+  this.sayHi = function() { alert(this.name) };
+}
+
+User.createAnonymous = function() {
+  var user = new User;
+  user.name = 'Аноним';
+  return user;
+}
+
+User.createFromData = function(userData) {
+  var user = new User;
+  user.name = userData.name;
+  user.age = userData.age;
+  return user;
+}
+
+// Использование
+
+*!*
+var guest = User.createAnonymous();
+guest.sayHi(); // Аноним
+
+var knownUser = User.createFromData({name: 'Вася', age: 25});
+knownUser.sayHi(); // Вася
+*/!*
+```
+
+Преимущества использования фабричных методов:
+
+[compare]
++Лучшая читаемость кода. Как конструктора -- вместо одной большой функции несколько маленьких, так и вызывающего кода -- явно видно, что именно создаётся.
++Лучший контроль ошибок, т.к. если в `createFromData` ничего не передали, то будет ошибка, а полиморфный конструктор создал бы анонимного посетителя.
++Удобная расширяемость. Например, нужно добавить создание администратора, без аргументов. Фабричный метод сделать легко: `User.createAdmin = function() { ... }`. А для  полиморфного конструктора вызов без аргумента создаст анонима, так что нужно добавить параметр -- "тип посетителя" и усложнить этим код.
+[/compare]
+
+**Поэтому полиморфные конструкторы лучше использовать там, где нужна именно полиморфность**, т.е. когда непонятно, какого типа аргумент передадут, и хочется в одном конструкторе охватить все варианты. 
+
+А в остальных случаях отличная альтернатива -- фабричные методы.
+
+## Итого
+
+Статические свойства и методы объекта удобно применять в следующих случаях:
+
+<ul>
+<li>Общие действия и подсчёты, имеющие отношения ко всем объектам данного типа. В примерах выше это подсчёт количества.</li>
+<li>Методы, не привязанные к конкретному объекту, например сравнение.</li>
+<li>Вспомогательные методы, которые полезны вне объекта, например для форматирования даты.</li>
+<li>Фабричные методы.</li>
+</ul>
+