How to Determine duplicate Javascript Functions which include in Asp.net Page

Question

I have an application which use some javascript functions,

As all javascripts include in Masterpage, most of them which comes withpage are not necessary, and some of those are repeated ( cause used in some different JS file. )

So I want to check if there is a way to determine duplicate functions and remove them ?

Answer 1

You can check if the function exists when declaring a function, but You have to change the way it works.

instead of

function foo(){ something }

do

if(window.foo===undefined){
window.foo=function(){ something }
}

and You can still call it

foo();

All this can be added in Your files with a find&replace using regexp, so I consider this easy :)

Answer 2

Unfortunately, unless they're named the same, or reference the same classes or IDs, this is extremely difficult. But, if it's a duplicate it should fall under one of those matches. I say this because after a major conversion in our project I went back and cleaned up all the javascript into nice namespaces and had this same issue.

This answer is going to suck, and I apologize: Ctrl+Shift+F. Search for the same function names, or the same classes/IDs if you think it has a different name/same function.

I find searching for function name, #id and .class to be the most productive. Also exclude .cs files from your search. This will minimize the time since the preceeding # and . will only appear when using in jQuery, but it's still a very manual process.

I hope someone has a better solution here, and if they do I'll feel like an idiot, but I honestly could not find a better way in VS 2008 to do this.