Method for prefixing JavaScript API Interfaces?

Question

On the MDN docs for MutationObserver, the compatibility table lists basic support for Chrome 18 and Safari 6 with a -webkit prefix.

Is this something that is internal to browsers...or is there an actual way to prefix something like MutationObserver()?

My assumption is that it's not as simple as:

var observer = new -webkit-MutationObserver();

...but maybe it is?

Answer 1

-webkit- is used for CSS since CSS properties can have - characters in them. In JS, things are prefixed as with Webkit for constructors or webkit for properties usually.

var observer = new WebkitMutationObserver();

Generally this is handled with something like

var MutationObserver = window.MutationObserver ||
        window.WebKitMutationObserver || window.MozMutationObserver;

var observer = new MutationObserver();