Нет, все правильно написано. если есть блок А с методом а и от него наследуется блок Б с методом а то вызов this.__base() внути Б#a - это вызов A#a, то есть доступ к методу родителя.

Всё понял, спасибо. Но формулировка всё равно выходит некорректная.

Почему?

Потому что this.__base служит для доступа к одному единственному методу соответсвующего текущему, а не к методам родителя.

"к методам родителя, соответствующим методам потомка".) Но да, возможно, текущую формулировку и стоит заменить, раз она может быть неправильно понята. Только тогда абзац текста получится вместо одного предложения.

@Guria не откажемся от уточняющего пулл-реквеста ;)

Подскажите по наследованию

modules.define('quals-menu', ['i-bem__dom', 'anchors-menu'], function(provide, BEMDOM, anchorsMenu) {

provide(BEMDOM.decl({ block : this.name, baseBlock : anchorsMenu }, {
    hello: function () {
        console.log(this.__base());
        console.log('hello')
    }
}));

});

Блок quals-menu инициализируется. При вызове метода hello - выводит в консоль hello, а this.__base() -> undefined

upd. Если сделать вывод this.__base -> undefined

@belozyorcev В блоке quals-menu anchors-menu метод hello что возвращает?

@zxqfox там нет этого метода

а в quals-menu выводит hello

там нет этого метода

@belozyorcev поэтому console.log(this.__base()); возвращает undefined. this.__base нужно вызывать в дочернем методе, чтобы выполнить код из родительского.

Что хочешь добиться?

@belozyorcev поэтому возвращает undefined. this.__base нужно вызывать в дочернем методе, чтобы выполнить код из родительского.

Не пойму тебя. Можешь на примере?

Что хочешь добиться?

Есть меню с якорями. Возникла необходимость создания такого меню для другой страницы но с некоторыми отличиями поведения и расширенными элементами. Чтобы не засорять базовый блок - хочу сделать на основе него новый.

Есть меню с якорями. Возникла необходимость создания такого меню для другой страницы но с некоторыми отличиями поведения и расширенными элементами. Чтобы не засорять базовый блок - хочу сделать на основе него новый.

Это я и так понял. Более конкретно ;-)

Нужен метод добавления/обновления элементов в блок. И реинициализации якорей

Создай reinit в anchors-menu, и вызывай его просто this.reinit. this.__base() нужен не для получения родителя, а для суперколла — вызова одноименного метода в родительском классе. Т.е. когда ты зовешь this.__base() в методе hello блока quals-menu — происходит попытка вызвать метод hello в anchors-menu.

@zxqfox пробовал и так тоже

Uncaught TypeError: this.reinit is not a function

В родителе

    reinit: function () {
        console.log('reinit');
        this._anchorParams();
        this._menuParams();
    },

В дочернем блоке

    hello: function () {
        this.reinit();
    }

А если?

provide(anchorsMenu.decl({ block : this.name }, {

Попробовал сделать так, но элементы родителя опять недоступны

modules.define('quals-menu', ['i-bem__dom', 'anchors-menu'], function(provide, BEMDOM, anchorsMenu) {

provide(anchorsMenu.decl({ block : this.name }, {
    // reinit: function () {
    //     this.__base();
    //     // console.log(this);
    //     console.log('reinit_second')
    // },

    // hello: function () {
    //     this.__base();
    // }
}));

});

Пока решено просто дублировать anchors-menu (что нежелательно).

@tadatuta можешь разъяснить где ошибка?

@belozyorcev А вот так пробовал?)

В родителе

    hello: function () {
        console.log('reinit');
        this._anchorParams();
        this._menuParams();
    },

В дочернем блоке

    hello: function () {
        this.__base();
    }

В родителе

    hello: function () {
        console.log('hello');
    },

В дочернем блоке

    hello: function () {
        this.__base();
    },

В результате ничего не выводит

П.Н. Методы блока вызываю через инстанс jquery

$('.quals-menu').bem('quals-menu').hello();

@belozyorcev

modules.define('quals-menu', ['i-bem__dom', 'anchors-menu'], function(provide, BEMDOM) {

    BEMDOM.decl({ block : this.name, baseBlock : 'anchors-menu' }, {
        hello: function () {
            this.__base.apply(this, arguments);
            console.log('hello quals-menu');
        }
    });

    provide(BEMDOM);

});

@ilyar спасибо :) Думал в ту сторону, но не решался.

BEMDOM.decl({ block : this.name, baseBlock : 'anchors-menu' }

так всё работает. Странно почему в другом варианте не работает...

@belozyorcev Действительно не понятно почему, вариант из документации работает тут bem-components/common.blocks/button/button.js#L16.

@belozyorcev @ilyar наконец добрался проверить, у меня работает:

modules.define('b1', ['i-bem__dom'], function(provide, BEMDOM) {

provide(BEMDOM.decl(this.name, {
    m1: function() {
        console.log('b1.m1()');
    }
}));

});

modules.define('b2', ['i-bem__dom', 'b1'], function(provide, BEMDOM, B1) {

provide(BEMDOM.decl({ block: this.name, baseBlock: B1 }, {
    onSetMod: {
        js: {
            inited: function() {
                this.m1();
            }
        }
    },
    m1: function() {
        this.__base.apply(this, arguments);
        console.log('b2.m1()');
    }
}));

});

В результате в консоли, как и ожидается:

b1.m1()
b2.m1()

Возможно, блоки собирались в неправильном порядке или где-то были опечатки?