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

Класс "часы"

function Clock(options) { this._template = options.template;

}

Clock.prototype._render = function render() { var date = new Date();

var hours = date.getHours();

if (hours < 10) hours = '0' + hours;

var min = date.getMinutes(); if (min < 10) min = '0' + min;

var sec = date.getSeconds(); if (sec < 10) sec = '0' + sec;

var output = this._template.replace('h', hours).replace('m', min).replace('s', sec);

console.log(output);

};

Clock.prototype.stop = function() { clearInterval(this._timer);

};

Clock.prototype.start = function() { this._render();

var self = this;
this._timer = setInterval(function() { self._render();
}, 1000);
};

Открыть решение в песочнице. ^

К условию

Класс "расширенные часы"

Наследник:

function ExtendedClock(options) { Clock.apply(this, arguments); this._precision = +options.precision || 1000;

}
ExtendedClock.prototype = Object.create(Clock.prototype);

ExtendedClock.prototype.start = function() { this._render();

var self = this;
this._timer = setInterval(function() { self._render();
}, this._precision);
};

Открыть решение в песочнице. ^

К условию

Меню с таймером для анимации

Обратите внимание: константы состояний перенесены в прототип, чтобы AnimatingMenu их тоже унаследовал. Открыть решение в песочнице. ^

К условию

Что содержит constructor?

Нет, не распознает, выведет false .

Свойство constructor содержится в prototype функции по умолчанию, интерпретатор не поддерживает его корректность. Посмотрим, чему оно равно и откуда оно будет взято в данном случае.

Порядок поиска свойства rabbit.constructor , по цепочке прототипов:

1. 
   rabbit – это пустой объект, в нём нет.
   
2. 
   Rabbit.prototype – в него при помощи Object.create записан пустой объект, наследующий от Animal.prototype . Поэтому constructor'а
   

в нём также нет.

3. 
   Animal.prototype – у функции Animal свойство prototype никто не менял. Поэтому оно содержит Animal.prototype.constructor == Animal .
   

function Animal() {}

function Rabbit() {}

Rabbit.prototype = Object.create(Animal.prototype); var rabbit = new Rabbit();
alert( rabbit.constructor == Rabbit ); // false
alert( rabbit.constructor == Animal ); // true

К условию