Как переопределить функцию внутри другой функции javascript?

Question

[magary4]

как на сыром js написать класс который перебьет go

Handler = function( _options ) {

    var that = this;

    var options = {
        opt1: 'val1',
        opt2: 'val2'
    };

    if(typeof _options === 'object' ) {
        options = jQuery.extend( true, options, _options );
    }
    
    var go = function() {
        alert( options.opt1 );
    }
};

Handler2 = function () {
  
    как унаследовать все от Handler ?
  
    var go = function() {
        console.log(options.opt2);
    }
};

var handler = new Handler2();
handler.go();

спассибо

Comments

[Kovalsky]

А на кой черт у вас go объявлен в конструкторе? Объявляйте его в прототипе и наследуйте/переопределяйте что хотите, т.к. эти механизмы как раз для этого и существуют.

[magary4]

те все "методы" надо писать

Handler.prototype.go = function() {

}

как-то некрасиво - думал можно внутри Handler = function( _options ) {
все написать

[Kovalsky]

magary4, ну как раз в конструкторе это наиболее некрасиво, ибо конструкторы и всё это наследование вообще для того и существуют, чтобы не копировать сущности в каждый экземпляр. Наверное лучше так:

class Handler {
  constructor(_options) {
    var that = this;

    this.options = {
      opt1: 'val1',
      opt2: 'val2'
    };

    if (typeof _options === 'object') {
      this.options = jQuery.extend(true, this.options, _options);
    }
  }
  go() {
    alert(this.options.opt1);
  }
}
class Handler2 extends Handler {
  constructor() {
    super();
  }
  go() {
    alert(this.options.opt2);
  }
}

var handler = new Handler2();

handler.go();

[magary4]

Никита Полевой, так мне надо на сыром старом добром js, я не могу class extends юзать

Answer 1

[Андрей]

Для начала, Вам нечего наследовать, go доступен только внутри функции, которая, похоже, подразумевалась как конструктор.

var handler = new Handler();
handler.go();

вызовет так же ошибку, что go is not a function. Чтобы сделать методы публичными, пользуйтесь внутри конструктора ключевым случаем this
this.go = function () {}

Наследовать же можно так

Handler2.prototype = Object.create(Handler.prototype);
Handler2.prototype.constructor = Handler;

А подробнее про наследование лучше почитать тут

Comments

[Антон Спирин]

А еще лучше в прототип вынести:
Handler.prototype.go = function() { ... };

[Андрей]

Антон Спирин, согласен, просто вопрос не об этом)

[magary4]

ок понял
нее конструктор у меня только должен перебивать дефолтные опшенс

var options = {
        opt1: 'val1',
        opt2: 'val2'
    };

    if(typeof _options === 'object' ) {
        options = jQuery.extend( true, options, _options );
    }

ок если я выношу все функции в прототип как после этого должно выглядеть тело Handler?