What is Javascript collision?

Question

Any best practices around it?

Answer 1

JavaScript collision is when you have two global objects with the same name, and one overwrites another. For example, you might reference two libraries that both use a function named $ at the root object (window) for a query function. The idea is that you should use as few global objects as possible. The best way to do this is to create a namespace for any JS you write, just like any other language:

var myApplication = {};

And then add any subsequent functions / objects inside the namespace:

myApplication.init = function () {

}