Referring to a javascript object

Question

Looking at some sample javascript code at http://alexgorbatchev.com/SyntaxHighlighter/manual/api/autoloader.html I see:

<script src="shCore.js" type="text/javascript"></script>
<script src="shAutoloader.js" type="text/javascript"></script>
<script type="text/javascript">
SyntaxHighlighter.autoloader(
  'js jscript javascript  /js/shBrushJScript.js',
  'applescript            /js/shBrushAppleScript.js'
);

SyntaxHighlighter.all();
</script>

In this example, what is a SyntaxHighlighter? a global variable? a singleton? a what?

Answer 1

Syntax highlighter might be an object literal with a method named all. This is generally done to organize functions into namespaces to avoid populating the global namespace. It might be defined as such: Check out this http://jsfiddle.net/PQbEU/2/

syntaxhighligter = {
    all: function(inputColor) {
        if (!inputColor) 
            inputColor= prompt("Enter a color");
        $('#all').css({
            background: inputColor
        });
    }
}
syntaxhighligter.all();​

Answer 2

From https://github.com/alexgorbatchev/SyntaxHighlighter/blob/master/scripts/shCore.js - it's a function which returns an object. It's a JavaScript code-organization pattern.

https://stackoverflow.com/a/1598077/18255

http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth