Всем привет! Возможно вопрос будет сумбурным и глупым, но все же стоит его задать.
Я хочу разобраться с наследованием в JavaScript
. Но все статьи и примеры о нем говорят только о св-вах и методах. Например:
function Animal() {};
Animal.prototype.run = function() {
console.log('run');
}
function Cat(){};
Cat.prototype = Object.create(Animal.prototype);
var petya = new Cat();
petya.run(); // "run"
Тут все просто и понятно. Но я хочу, например, конструктор кнопок с методом log (выводит в консоль "123"). А потом сделать еще один конструктор, на основе первого, который имеет, в добавок к первому, свой метод log2 (выводит в консоль "456").
<button id="btn1">Button 1</button>
<button id="btn2">Button 2</button>
<script>
function Button(elem){}
Button.prototype.log = function() {
console.log('123');
}
function Button2(elem){}
Button2.prototype = Object.create(Button.prototype);
Button2.prototype.log2 = function() {
console.log('456');
}
var btn1 = new Button( document.getElementById('btn1') );
var btn2 = new Button2( document.getElementById('btn2') );
</script>
Вот скажите куда мне писать обработчик onclick
, в котором будут вызывать log
, log2
? В конструктор, в прототип, или куда то еще?...