好程序员分享JavaScript代码组织结构良好的5个特点，随着JavaScript项目的成长，如果你不小心处理的话，他们往往会变得难以管理。我们发现自己常常陷入的一些问题： 当在创建新的页面时发现，很难重用或测试之前写的代码。

1. <p><font size="3">　　"shim": {</font></p>
2. <p><font size="3">　　"lib/cool-plugin": {</font></p>
3. <p><font size="3">　　"deps": ["lib/jquery"]</font></p>
4. <p><font size="3">　　}</font></p>
5. <p><font size="3">　　}</font></p>
6. <p><font size="3">　　}</font></p>
   　　有了这个简单的配置，每一个加载 lib/cool-plugin.js 的脚本都会自动加载jQuery。将有助于满足所有相关性.
   　　最终的结果是代码更容易测试和重用，因为你总是有一个require()来调用所需的功能。
   　　定义跟调用应该分离
   　　这是限制JavaScript代码的可重用性和可测试性的一个常见问题。问题表现在一个单一的文件即定义了一个类/函数又调用了它。考虑下面的代码：
   ## js/User.js

1. <p><font size="3">　　define(functino(require) {</font></p>
2. <p><font size="3">　　var User = function(name, greeter) {</font></p>
3. <p><font size="3">　　this.name = name;</font></p>
4. <p><font size="3">　　this.greeter = greeter;</font></p>
5. <p><font size="3">　　};</font></p>
6. <p><font size="3">　　User.prototype.sayHello = function() {</font></p>
7. <p><font size="3">　　this.greeter("Hello, " + this.name);</font></p>
8. <p><font size="3">　　};</font></p>
9. <p><font size="3">　　var user = new User('Alice', window.alert);</font></p>
10. <p><font size="3">　　user.sayHello();</font></p>
11. <p><font size="3">　　});</font></p>
    　　在这个例子中，一个单一的文件即定义了User类又调用它。这将很难重用这个代码，因为只要加载这个脚本就会出现alert。同样greeter这个非常难以测试。
    　　解决的办法是保持定义和执行的分离。这有助于确保可重用性和可测性：
    ## js/User.js

1. <p><font size="3">　　define(functino(require) {</font></p>
2. <p><font size="3">　　var User = function(name, greeter) {</font></p>
3. <p><font size="3">　　this.name = name;</font></p>
4. <p><font size="3">　　this.greeter = greeter;</font></p>
5. <p><font size="3">　　};</font></p>
6. <p><font size="3">　　User.prototype.sayHello = function() {</font></p>
7. <p><font size="3">　　this.greeter("Hello, " + this.name);</font></p>
8. <p><font size="3">　　};</font></p>
9. <p><font size="3">　　return User;</font></p>
10. <p><font size="3">　　});</font></p>
11. <p><font size="3">　　## js/my-page.js</font></p>
12. <p><font size="3">　　define(functino(require) {</font></p>
13. <p><font size="3">　　var User = require('js/User');</font></p>
14. <p><font size="3">　　var user = new User('Alice', window.alert);</font></p>
15. <p><font size="3">　　user.sayHello();</font></p>
16. <p><font size="3">　　});</font></p>

1. <p><font size="3">　　"shim" : {</font></p>
2. <p><font size="3">　　"lib/calculator": {</font></p>
3. <p><font size="3">　　"export": "Calc"</font></p>
4. <p><font size="3">　　}</font></p>
5. <p><font size="3">　　}</font></p>
6. <p><font size="3">　　}</font></p>