Autocompletar para un único objeto JavaScript extendido a través de varios archivos en Zend Studio (Eclipse PDT)

Question

Mi IDE es Zend Studio 8, que presenta una perspectiva relativamente básica para JavaScript (similar a, si no igual, la perspectiva en Eclipse PDT) En la aplicación en la que estoy trabajando, ampliamos un objeto base en varios archivos, lo que ha eliminado efectivamente la funcionalidad de autocompletar. Véase más abajo para un escenario de ejemplo ...

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

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

En este escenario, al escribir App. causas de autocompletar a aparecer con objectA y objectB, pero no Extend. Si agrego Extender a la variable de la aplicación en global.js, aparecerá en la función autocompletar, pero no con otro método. Si tuviera que usar var Extend = { /* code */ };, la función autocompletar funcionaría para el objeto Extend, por lo que el problema no parece estar relacionado con el hecho de que el código se extienda a través de varios archivos. Tal vez se deba a que un solo objeto se está diseminando entre múltiples archivos ... o algo más.

¿Alguien tiene alguna idea?

Answer 1

No estoy familiarizado con Zend Studio, pero por lo que dices no está claro si funciona solo en globales o no. Es decir. si lo entendí bien, esto funciona:

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

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

Sin embargo, si agrega esto, ¿funcionará?

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

Si no se puede conseguir la función de autocompletar para helloWorld en More. (y como funciona en Extend, debe obtener la función de autocompletar para streetWithNoName), entonces probablemente Zend no está haciendo una terminación no global, que Supongo que es algo muy difícil de hacer de todos modos. Si se puede, entonces siempre se puede hacer:

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

como solución alternativa, si eso es aceptable para usted, por supuesto.

Answer 2

Como Javascript no es un lenguaje compilado, el IDE no tiene idea de dónde se encuentran sus clases ampliadas. Algunos IDE avanzados intentan solucionar este problema considerando que cada archivo javascript forma parte de un único proyecto y, por lo tanto, los combina en segundo plano para darle la autocompletar.

He jugado con una variedad de entornos de desarrollo y el único IDE que he visto trabajar a partir es Jetbrain's Webstorm

Answer 3

VJET JS IDE para Eclipse tiene una forma de extender a través de múltiples archivos usando una sintaxis vjetdoc. Verifíquelo - http://www.ebayopensource.org/wiki/display/VJET/JS+code+assist+and+validation+for+two+or+more+js+files

Funciona con objeto literal, variables, funciones. Tan pronto como vaya a los conceptos de clase, normalmente hay una función de contenedor para definir las clases. En VJET hay vjo.ctype que te permite crear clases en js. VJET brinda asistencia correcta para las clases definidas con este tipo de kit de construcción. Aquí hay un ejemplo:

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

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