需要js废墟代码导航答案

【问题标题】：Require js ruins code navigation需要js废墟代码导航
【发布时间】：2012-01-20 02:54:46
【问题描述】：

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 文档说明的很清楚，要远离全局变量。

【问题讨论】：

修复了吗？

标签： javascript intellij-idea requirejs pycharm js-amd

【解决方案1】：

这是known issue，请点赞/投票。

来自问题描述：

dojo 库切换到 AMD 的格式 define() 用于加载模块而不是 dojo.require()。以前我可以使用 Ctrl+B dojo.require('path.to.someJs') 跳转到声明。这确实不适用于新格式 define(['path/to/someJs]', ...)。

由于 PyCharm、WebStorm、PhpStorm 和 IntelliJ IDEA 共享同一个 JavaScript 插件，这个问题也适用于您使用的产品。在修复此错误之前，您将继续观察所描述的问题。很抱歉给您带来不便。

【讨论】：

JetBrains 已经实现了关于这个问题的基础知识，但是，它们仍然不支持路径配置（您仅限于相对路径），您必须单击定义本身才能到达模块。 :(
它在 WebStorm 8 中得到了改进。要求的功能 Find Usages 和 Go To Declaration work already now，重构仍然需要一些改进。跨度>

【解决方案2】：

如果您使用 CommonJs wrapper 定义模块并使用 exports 和模块参数，则 WebStorm（至少 6.0.2）支持使用 RequireJs 进行代码导航：

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

显然，即使使用它的模块不使用 CommonJs 包装格式，它也可以工作：

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

如果其他 IDE 使用与 CrazyCoder 所说的相同的 JavaScript 插件，它可能也适用于他们的新版本。

【讨论】：