在 Zend Studio (Eclipse PDT) 中跨多个文件扩展的单个 JavaScript 对象的自动完成

Question

我的 IDE 是 Zend Studio 8，它具有相对基本的 JavaScript 视角（即使不相同，也与 Eclipse PDT 中的视角类似）。在我正在开发的应用程序中，我们跨多个文件扩展了一个基本对象，这实际上消除了自动完成功能。请参阅下面的示例场景...

// global.js
var App = {
    objectA: {
        method1: function() {},
        method2: function() {}
    },
    objectB: {
        method1: function() {},
        method2: function() {}
    }
};

// extend.js
App.Extend = {
    anotherMethod: function() {}
};

在此场景中，输入 App. 会导致自动完成显示 objectA 和 objectB，但不显示 扩展。如果我将 Extend 添加到 global.js 中的 App 变量，它将出现在自动完成中，但不会出现在 anotherMethod 中。如果我使用 var Extend = { /* code */ };，自动完成功能将适用于 Extend 对象，因此问题似乎与事实上，代码跨多个文件扩展。也许是因为单个对象分布在多个文件中......或者其他原因。

有人有什么想法吗？

Answer 1

由于 Javascript 不是编译语言，因此 IDE 不知道扩展类在哪里。一些高级 IDE 尝试通过将每个 javascript 文件视为单个项目的一部分来解决此问题，从而在后台将它们组合起来以提供自动完成功能。

我使用过各种 IDE，我见过的唯一可以使用它的 IDE 是 Jetbrain 的 Webstorm

Answer 2

VJET JS IDE for Eclipse 有一种使用 vjetdoc 语法跨多个文件扩展的方法。看看 - http://www.ebayopensource.org/wiki/display/VJET/JS+code+assist+and+validation+for+two+or+more+js+files

它适用于对象文字、变量、功能。一旦您了解类概念，通常就会有一个包装函数来定义类。在VJET中有vjo.ctype，它允许您在js中创建类。 VJET 为使用此类构建套件定义的类提供正确的支持。这是一个例子：

Base.js
vjo.ctype("namespace.Base")
.endType();

App.js
vjo.ctype("namespace.App")
.inherits("namespace.Base")
.protos({
   doIt:function(){}
})
.endType()

Answer 3

不熟悉 Zend Studio，但从你的说法来看，尚不清楚它是否仅适用于全局变量。也就是说，如果我理解正确的话，这是有效的：

// global.js
var App = {
    objectA: {
        method1: function() {},
        method2: function() {}
    },
    objectB: {
        method1: function() {},
        method2: function() {}
    }
};

// extend.js
var Extend = {
    anotherMethod: function() {}
};

但是，如果你添加这个，这会有效吗？

// extend.js
...
var More = {
    streetWithNoName: false,
};
More.helloWorld = [1, 2, 3]

如果您无法在 More. 上获得 helloWorld 的自动完成功能（并且由于它在 Extend 上工作，您应该获得 HelloWorld 的自动完成功能） code>streetWithNoName)，那么 Zend 可能没有执行非全局完成，我想无论如何这是一件非常困难的事情。如果可以，那么您始终可以这样做：

var innerAppExtend = App.Extend = { ... };

作为一种解决方法，当然，如果您可以接受的话。