Запросить навигацию по кодам js

require.js указывает способ определения объектов внутри модулей с define([requiremens], object) как лучший способ.

Таким образом, каждая страница или другой файл js будут выполнять require() вызовы и принимать модули в качестве параметров.

Это работает очень хорошо, каждая функция/модуль имеет собственное пространство имен.

Проблема в том, что у меня есть:

// AJAX/Requests.js

define(['UI/Message'],function(Message){
var Requests={
    checkResponse:function(response){
        //1==ok
        //0==error
        //2==good message
        //3==good message, but still stop
        if(response.status==1){
            return true;
        }
        else if(response.status==2){
            Message.good(response.message);
            return true;
        }
        else if(response.status==3){
            Message.good(response.message);
            return false;
        }
        else{
            Message.bad(response.message);
            return false;
        }
    }
};
return Requests;
});

Теперь UI/Message определяется таким же образом и возвращает объект.

Но когда я редактирую файл с запросами, я не могу перемещаться по коду, поэтому, если я хочу редактировать объект Message, единственный способ - открыть и открыть файл сам и найти нужную мне функцию, а не IDE прыгнет туда для меня.

Есть ли способ обхода для pycharm конкретно или для require.js, чтобы решить эту проблему? Когда у вас много кода, это становится бесполезным для навигации по нему, поэтому я использую IDE в первую очередь!

И что еще хуже: редактор никогда не знает, какие функции имеют объекты!

Единственное возможное решение, которое я вижу, заключается в том, чтобы не использовать замкнутые пространства имен и объявлять глобальную переменную перед вызовом define(), но в этом случае все объекты должны называться как UI_Message, AJAX_Requests. Чтобы быть уверенным, что у меня нет сообщения в двух разных местах....

И я не уверен, если оптимизатор require.js будет использовать это правильно. Документация Require.js очень ясна, чтобы держаться подальше от глобальных переменных.

Ответы

//foo.js
define(function(require, exports, module) {
    //use exports to expose properties for code navigation in other modules
    exports.bar = function() {}
});

define(['./foo'], function(foo) {
    foo.bar(); //code navigation works here
}