Сборка от 17 марта 2017 г

Эмуляция Object.create для IE8‑

Как мы только что видели, с конструкторами всё просто, назначить прототип можно кросс‑браузерно при помощи F.prototype . Теперь небольшое «лирическое отступление» в область совместимости.

Прямые методы работы с прототипом отсутствуют в старых IE, но один из них – Object.create(proto) можно эмулировать, как раз при помощи
prototype . И он будет работать везде, даже в самых устаревших браузерах. Кросс‑браузерный аналог – назовём его inherit , состоит буквально из нескольких строк:

function inherit(proto) { function F() {} F.prototype = proto; var object = new F; return object;

}

Результат вызова inherit(animal) идентичен Object.create(animal) . Она создаёт новый пустой объект с прототипом animal . Например:

var animal = { eats: true

};

var rabbit = inherit(animal); alert( rabbit.eats ); // true

Посмотрите внимательно на функцию inherit и вы, наверняка, сами поймёте, как она работает… Если где‑то неясности, то её построчное описание:

function inherit(proto) { function F() {} // (1) F.prototype = proto // (2) var object = new F; // (3) return object; // (4)

}

1. 
   Создана новая функция F . Она ничего не делает с this , так что если вызвать new F , то получим пустой объект.
   
2. 
   Свойство F.prototype устанавливается в будущий прототип proto
   
3. 
   Результатом вызова new F будет пустой объект с proto равным значению F.prototype .
   
4. 
   Мы получили пустой объект с заданным прототипом, как и хотели. Возвратим его.
   

Для унификации можно запустить такой код, и метод Object.create станет кросс‑браузерным:

if (!Object.create) Object.create = inherit; /* определение inherit ‐ выше */

В частности, аналогичным образом работает библиотека es5‑shim ^, при подключении которой Object.create станет доступен для всех браузеров.

Итого

Для произвольной функции – назовём её Person , верно следующее:

• 
  Прототип proto новых объектов, создаваемых через new Person , можно задавать при помощи свойства Person.prototype .
  
• 
  Значением Person.prototype по умолчанию является объект с единственным свойством constructor , содержащим ссылку на Person . Его можно использовать, чтобы из самого объекта получить функцию, которая его создала. Однако, JavaScript никак не поддерживает корректность этого свойства, поэтому программист может его изменить или удалить.
  
• 
  Современный метод Object.create(proto) можно эмулировать при помощи prototype , если хочется, чтобы он работал в IE8‑.
  

✔ Задачи