在服務端和客戶端重用代碼 · CoffeeScript Cookbook

## 問題你用CoffeeScript寫了一些功能模塊，你既希望它們能在客戶端跑在瀏覽器上，也希望能夠通過Node.js跑在服務端。 ## 方法通過下面這樣的方式暴露這些功能模塊： ~~~ # simpleMath.coffee # these methods are private add = (a, b) -> a + b subtract = (a, b) -> a - b square = (x) -> x * x # create a namespace to export our public methods SimpleMath = exports? and exports or @SimpleMath = {} # items attached to our namespace are available in Node.js as well as client browsers class SimpleMath.Calculator add: add subtract: subtract square: square ~~~ ## 詳解如上例，我們創建了一個新的命名空間——SimpleMath。如果`exports`存在，我們的類就做為一個Node.js模塊暴露出來，如果`exports`_不_存在，SimpleMath被加到全局中，然后就可以在頁面上使用它了。在Node.js中，我們可以使用`require`命令包含這個模塊。 ~~~ $ node > var SimpleMath = require('./simpleMath'); undefined > var Calc = new SimpleMath.Calculator(); undefined > console.log("5 + 6 = ", Calc.add(5, 6)); 5 + 6 = 11 undefined > ~~~ 在頁面中，把它作為一個script引入進來我們就可以使用這個模塊了。 ~~~ <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>SimpleMath Module Example</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="simpleMath.js"></script> <script> jQuery(document).ready(function (){ var Calculator = new SimpleMath.Calculator(); var result = $('<li>').html("5 + 6 = " + Calculator.add(5, 6)); $('#SampleResults').append(result); }); </script> </head> <body> <h1>A SimpleMath Example</h1> <ul id="SampleResults"></ul> </body> </html> ~~~ 結果： # 一個簡單的例子 * 5 + 6 = 11