參考JavaScript對象

Question

縱觀一些樣品在http://alexgorbatchev.com/SyntaxHighlighter/manual/api/autoloader.html javascript代碼我看到：

<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> 

在這個例子中，什麼是SyntaxHighlighter的？一個全局變量？單身？一個什麼？

Answer 1

語法高亮可能是一個對象文本與命名所有的方法。通常這樣做是爲了將函數組織到名稱空間中，以避免填充全局名稱空間。它可能被定義爲： http://jsfiddle.net/PQbEU/2/

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

Answer 2

從https://github.com/alexgorbatchev/SyntaxHighlighter/blob/master/scripts/shCore.js - 這是一個函數，它返回一個對象。這是一個JavaScript代碼組織模式。

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

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