Herramienta que detecta nombres duplicados de funciones de JavaScript en una página web?

Question

Antecedentes

Tenemos una aplicación web en la que varios desarrolladores han escrito varios archivos .js que manipulan el DOM y el problema de los nombres de funciones duplicadas se ha colado en nuestra aplicación.

Pregunta

¿Alguien puede recomendar una herramienta que nos avisará cuando accidentalmente escribe una página web con dos funciones javascript con el mismo nombre?

Ejemplo

página HTML

<script language="JavaScript" src="test.js" type="text/javascript"></script> 
<script>function foo() {alert('bar');}</script> 

Test.js

function foo() {alert('foo');} 

Como foo() es declarado dos veces en la página, al parecer, sólo el que tiene prioridad se carga.

Las herramientas que he usado parecen ignorar esto. Firebug solo muestra la función cargada. Netbeans mostrará ambas funciones en el navegador (sin una advertencia), pero solo mira un archivo a la vez (es decir, no puedo apuntarlo al archivo HTML y verlo junto con el archivo .js al mismo tiempo) y la Web. extensiones de desarrollador me permite ver todo a la vez, pero no hay errores o advertencias. La consola de error de Firefox tampoco arroja advertencia ni error. Ni tampoco IE.

Gracias!

Answer 1

Bueno, usar un analizador puede no ser siempre ideal, ya que requiere un paso adicional de copiar y pegar el código, y el de los demás, en el analizador e incluso entonces no estoy seguro de que atrape lo que quieres. La solución probada en el tiempo para el desarrollo colaborativo de Javascript es el espacio de nombres de su código.

var myNamespace = function(){ 
    var myPrivateProperty; 
    var myPrivateFunction = function(){}; 
    return{ 

     myPublicProperty: '', 
     myPublicFunction: function(){} 


    } 

}(); 

Esto se basa en Douglas Crockford module pattern.

A continuación, puede llamar a sus funciones públicas de esta manera:

myNamespace.myPublicFunction(); 

Y sus propiedades públicas:

myNamespace.myPublicProperty; 

Cada desarrollador puede desarrollarse en su propio espacio de nombres con el fin de no pisar el código de los demás .

Answer 2

Mi solución sería un analizador de HTML simple para Java (acabo de piratear uno con expresiones regulares, puede intentar http://java-source.net/open-source/html-parsers/jtidy) y la biblioteca de Apache Rhino (http://www.mozilla.org/rhino/doc.html).

Debería ser posible sobrecargar el analizador en Rhino para lanzar un error si se redefine una función.

Estoy usando una versión ligeramente modificada de env.js (http://jqueryjs.googlecode.com/svn/trunk/jquery/build/runtest/env.js) de John Resig para emular un navegador. Esto me permite probar JavaScript en pruebas JUnit. Sé rellenar formularios, presentarlos, comprobar el diseño de las páginas, etc.

Ver mi blog para más detalles: http://blog.pdark.de/2008/11/18/testing-the-impossible-javascript-in-a-web-page/

Answer 3

menudo he utilizado JSLINT

En definitiva se trata de un "compilador" para JavaScript usando JavaScript. Aprendí mucho viendo los videos de entrenamiento de Douglas Crockford.

No solo comprueba si hay funciones duplicadas, sino variables globales, y un montón de otras cosas. Al igual que Douglas dijo en uno de sus videos que le permite utilizar solo los buenos bits de JavaScript

Answer 4

ScriptManager.RegisterClientScriptInclude (Me, Page.GetType, "jstest", "") Test.js