А можно чуть подробнее описать задачу, для которой это может быть необходимо?

Такое в текущий момент правильнее будет рулить через миксы.

Если расскажете зачем вам это нужно — будет проще ;-)

Хочу реализовать лайтбокс на БЭМе. Иными словами, пишу js-реализацию для блока image из bem-components, где при клике на экземпляр вызывалось бы окошко с эффектом. Подобное можно сделать, управляясь с jQuery, конечно. Но хочется БЭМ only, что-то вроде

// обработчик события клика
this.elem('lightbox').setMod('visible', true);

На bem-components это выражается так:

// lightbox.bemhtml.js
block('page').content()(function() {
    return [].concat(applyNext(), {
        block: 'lightbox' // заранее кладем единственный lightbox в контент page
    });
});

block('lightbox')( // lightbox представляет собой обертку над modal
    js()(true),
    content()({
        block: 'modal',
        mods: { autoclosable: true, theme: 'islands' }
    })
);

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

provide(BEMDOM.decl(this.name, {
    onSetMod: {
        js: {
            inited: function() {
                // реализуем такой себе синглтон — если модал уже есть, то больше ничего не делаем
                if (this.__self.getModal()) return;

                this.__self._modal = this.findBlockInside('modal');
            }
        }
    }
}, {
    show: function(content) {
        this.getModal()
            .setContent(content)
            .setMod('visible');

        return this;
    },
    hide: function() {
        this.getModal().delMod('visible');

        return this;
    },
    toggle: function() {
        this.getModal().toggleMod('visible');

        return this;
    },
    getModal: function() {
        return this._modal;
    }
}));

});

// lightbox.deps.js
({
    mustDeps: [
        {
            block: 'i-bem',
            elem: 'dom'
        }
    ],
    shouldDeps: {
        block: 'modal',
        mods: { autoclosable: true, theme: 'islands' }
    }
})

Пример использования:

modules.define('image', ['i-bem__dom', BEMHTML, 'lightbox'], function(provide, BEMDOM, BEMHTML, Lightbox) {

provide(BEMDOM.decl(this.name, {}, {
    live: function() {
        this.liveBindTo('click', function() {
            Lightbox.show(BEMHTML.apply({ block: 'image', url: this.domElem.attr('src') }));
        });
    }
}));

});

Большое спасибо!

Залил реализацию сюда Посмотреть результат можно здесь

Почему при клике на картинку modal, находящийся в lightbox со старта, исчезает и появляется вне lightbox? Как это можно предотвратить?

Почему при клике на картинку modal, находящийся в lightbox со старта, исчезает и появляется вне lightbox? Как это можно предотвратить?

Это сделано специально, чтобы гарантировать, что модал перекроет любые другие блоки и что выпрыгнет из родителя с overflow: hidden

PS: Картинкам в лайтбоксе можно задатать display: block, чтобы не оставалось отступа снизу.

Тогда блок lightbox служит сугубо для управления модальным окном? (Примиксовать к modal статус элемента блока lightbox не выходит, так же, как и применить к нему this.elemify(), так что стили придется писать сугубо для modal.)

Дополнительно: почему модальное окно работает некорректно (не исчезает при клике или нажатии escape), если не присваивать ему модификатор theme: "islands" ? Можно ли обойти эту специфическую особенность?

стили придется писать сугубо для modal

Элемент блока lightbox можно положить в контент блока modal, а у самого модала по умолчанию нет визуальных стилей, так что можно задавать их для этого вложенного элемента.

почему модальное окно работает некорректно (не исчезает при клике или нажатии escape), если не присваивать ему модификатор theme: "islands" ?

Удаление модификатора visible при на клике вне модала или нажатии на Esc обеспечивает модификатор autoclosable (и visible корректно удаляется в том числе без theme: islands, но визуально модал не исчезает, т.к. без модификатора про тему у него нет никаких стилей, в том числе и тех, которые отвечают за то, что при отсутствии модификатора visible он должен быть скрыт.

В минимальном случае достаточно создать свою тему (или просто дописать к modal без всяких модификаторов) следующего содержания:

.modal {
    display: none;
}

.modal_visible {
    display: block;
}