在 Visual Studio 2010 中使用从 Mindscape Web Workbench（coffeescript 源）生成的 javascript

Question

此咖啡脚本代码

    class TestCoffee
        constructor: (@saludo) ->

    helloCoffee: ->
        alert @saludo+" Coffee v7"

使用 Mindscape Web Workbench 2.0.332.18684 生成以下 javascript：

    (function() {
        var TestCoffee;
        TestCoffee = (function() {
          function TestCoffee(saludo) {
            this.saludo = saludo;
          }
          TestCoffee.prototype.helloCoffee = function() {
            return alert(this.saludo + " Coffee v7");
          };
          return TestCoffee;
        })();
    }).call(this);

我应该如何在我的 asp.net mvc 3 视图中使用此代码？

我正在导入 js 代码

<script src="@Url.Content("~/Scripts/helloCoffe.js")" type="text/javascript"></script>

并尝试使用 with

    <script type="text/javascript">

    $(document).ready(function () {

        var coffee;

        coffee = TestCoffee("Jelouuuu");

        coffee.helloCoffee();

    });

</script>

我收到了 TestCoffee 未定义错误

那么，我应该如何使用它？

提前致谢！

Answer 1

这是设计使然：

尽管为了清晰起见，本文档中隐藏了所有内容
CoffeeScript 输出包装在匿名函数中： (function(){
... })();这个安全包装器，结合自动生成
var 关键字，使得污染变得极其困难
意外的全局命名空间。

如果您想创建顶级变量供其他脚本使用，
将它们作为属性附加到窗口或导出对象上
CommonJS。存在运算符（下面介绍）给你一个
确定添加位置的可靠方法；如果您的目标是两者
CommonJS 和浏览器：导出 ?这个

http://jashkenas.github.com/coffee-script/

我通常使用 jQuery $ .extend 将函数推送到 jquery 命名空间中以供其他脚本使用。

IE:

file1.coffee

$ ->
    $.extend
        ErrorAlert: (text) ->
            simpleGritter $("#SuccessGritter"), text
            return false

file2.coffee

$ ->
    $("#right").ajaxError (event, request, settings) ->
        $.ErrorAlert("Some kind of bad thing happened at: " + settings.url)

Answer 2

简单的改变就能让它发挥作用。在类声明中添加“@”符号：

class @TestCoffee
    constructor: (@saludo) ->

    helloCoffee: ->
        alert @saludo+" Coffee v7"

并更改实例化类的方式。在你的课堂上使用“新”

coffee = new TestCoffee("Jelouuuu");

应该可以得到你想要的。