Knockout: получить ссылку на компонент A, чтобы вызвать одну из функций A из компонента B?

Это просто не то, как вы обычно общаетесь между нокаутирующими компонентами.

Ваши варианты:

1) Используйте https://github.com/rniemeyer/knockout-postbox. Это, вероятно, лучший вариант, так как он прекрасно сочетается с нокаутом. Он хорошо документирован, и если у вас возникнут проблемы с его настройкой, вы всегда можете обратиться за помощью сюда.

2) Используйте любой другой глобальный javascript EventBus (например, postal.js) и отправляйте/подписывайтесь на события в ваших компонентах.

3) Пусть ваша корневая ViewModel передает общие наблюдаемые каждому компоненту в качестве параметров - таким образом, каждый компонент может изменять/подписываться на один и тот же наблюдаемый.

4) (Возможно, то, что вы хотите, хотя и худшее решение для масштабирования). Если вы даете идентификаторы различным компонентам, вы можете использовать ko.dataFor(document.getElementById("id")) для прямого доступа к свойствам и методам ваших компонентов.

РЕДАКТИРОВАТЬ: В ответ на комментарий:

Я не смог определить, что/где находится модель корневого представления: ключом является ko.applyBindings({ route: router.currentRoute }), но router.js запутан. Предложения о том, как это определить?

Точно - в вашем случае объект { route: router.currentRoute } ЯВЛЯЕТСЯ вашей корневой ViewModel. В настоящее время у него есть только одно свойство с именем route, но вы определенно можете его расширить.

Например:

var rootViewModel = {
    route: router.currentRoute,
    mySharedObservable: ko.observable('hi!')
}

ko.applyBindings(rootViewModel);

Затем вы можете передать этот наблюдаемый объект нескольким компонентам в качестве параметра следующим образом:

<div id="component-a" data-bind="component: { name: 'component-a', params: {router: $root.router, mySharedObservable: $root.mySharedObservable} }"></div>
<div id="component-b" data-bind="component: { name: 'component-b', params: {router: $root.router, mySharedObservable: $root.mySharedObservable} }"></div>

И, наконец, вы можете использовать новую наблюдаемую из компонента следующим образом:

function ComponentB (params) { 
    this.mySharedObservable = params && params.mySharedObservable;
    console.log(this.mySharedObservable());// This should log 'hi!'
};

Теперь вы можете подписаться на наблюдаемое, изменить его и так далее. Он будет общим для компонентов, поэтому его изменение в одном компоненте вызовет подписку во всех компонентах.

Мой стандартный подход состоял бы в том, чтобы контролировать связь через родительскую виртуальную машину.

Родительская виртуальная машина может создать объект подписки[1] и передать его как компоненту A, так и компоненту B в качестве параметра; тогда ComponentA может подписаться на подписку, а ComponentB может инициировать подписку.

//ComponentA
function ComponentA (params) { 
    var shouldSayFoo = params.shouldSayFoo;

    this.shouldSayFooSubscription = shouldSayFoo.subscribe(function () {
        this.sayFoo();
    });
} ;

ComponentA.prototype.sayFoo  = function () { console.log ('FOO!'); } ;
ComponentA.prototype.dispose = function () { this.shouldSayFooSubscription.dispose(); };

//In ComponentB
function ComponentB (params) {
    this._triggerFoo = params.triggerFoo; //Same subscribable as shouldSayFoo in ComponentA
}

ComponentB.prototype.doFoo = function () {
    this._triggerFoo.notifySubscribers(); //notifySubscribers triggers any .subscription callbacks
}

Если ComponentA и ComponentB являются братьями и сестрами, и вы не делаете такие вещи все время, это работает как довольно простое решение. Если компоненты являются «дальними родственниками» или если вы обнаружите, что делаете это много, то я бы предложил какой-то паб-саб. И преимущество этого подхода может быть использовано большим количеством отдельных пар «A-B», не мешая друг другу, что сложнее в системе pub-sub.

[1]: ko.subscribable — это объект с подмножеством наблюдаемой функциональности (ko.observable наследуется от ko.subscribable): он не позволяет вам читать или записывать значения, но позволяет выполнять .subscribe и .notifySubscribers. (По какой-то причине они созданы с помощью new) Вы также можете использовать наблюдаемое, это просто небольшая путаница намерений создать наблюдаемое, если вы не собираетесь хранить в нем значение.