Блог

Моей средой разработки является 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 . Если я добавлю Extend к переменной App в global.js он появится в автозаполнении, но не с помощью другого метода. Если бы я использовал var Extend = { /* code */ }; , автозаполнение работало бы для Extend объекта, поэтому проблема, похоже, не связана с тем фактом, что код расширен на несколько файлов. Возможно, это потому, что один объект распространяется по нескольким файлам … или что-то еще.

У кого-нибудь есть идеи?

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

Я играл с различными IDE, и единственная IDE, в которой я видел, как это работает, — это Jetbrain Webstorm

VJET JS IDE для 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 предоставляет корректную помощь для классов, определенных с помощью этого конструктора. kit. Вот пример:

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

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

Не знаком с 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]
  

Если вы не можете получить автозаполнение для helloWorld on More. (и поскольку это работает на Extend , вы должны получить автозаполнение для streetWithNoName ), то, вероятно, Zend не выполняет неглобальное завершение, что, я думаю, в любом случае очень сложно сделать. Если это возможно, то вы всегда можете сделать:

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

в качестве обходного пути, если это приемлемо для вас, конечно.