如何使用 CoffeeScript 模拟现有代码？

Question

我想模拟 MarkdownDeep，我有以下 JavaScript 代码，

MarkdownDeep = new (function () {
    this.Markdown = function () {
        this.Transform = function (a) {
            return "html";
        };
    };
})();

但在 CoffeeScript 中实现此代码时遇到问题

我尝试了以下操作

MarkdownDeep = new (->
  @Markdown = ->
    @Transform = (a) ->
      "html"
)()
window.MarkdownDeep = MarkdownDeep

，但它不起作用，特别是在我的单元测试中 markdown = new MarkdownDeep .Markdown() 给出“未定义不是函数”，尽管 JS 版本模拟得很好。

Answer 1

您的示例会生成以下 javascript 代码：

var MarkdownDeep;
MarkdownDeep = new (function() {
  return this.Markdown = function() {
    return this.Transform = function(a) {
      return "html";
    };
  };
});
window.MarkdownDeep = MarkdownDeep;

return this.Markdown = function() { /* ... */ } 行使该函数成为 new 运算符。

写作

MarkdownDeep = new (->
  @Markdown = ->
    @Transform = (a) ->
      "html"
    return
  return
)
window.MarkdownDeep = MarkdownDeep

可以解决问题。

添加：
这个答案提到JavaScript 中的对象构造算法

Answer 2

CoffeeScript 的隐式返回与 new 结合使用时可能会导致混乱。正如其他人指出的那样，您可以使用显式返回。另一种选择是使用 class，它创建一个没有隐式返回的函数（构造函数）：

MarkdownDeep = new class
  constructor: ->
    @Markdown = class
      constructor: ->
        @Transform = (a) ->
          'html'

当然，在这种情况下可读性不太好，但作为一般规则，每当您使用 new 时，通过使用 class 就可以省去很多麻烦。

Answer 3

您需要显式地为对象/类设置返回值，否则它将在创建新实例时返回成员函数。

JS FIDDLE

MarkdownDeep = new (->
  @Markdown = ->
    @Transform = (a) ->
      "html"
    undefined #return undefined instead of this.Transform
  undefined #return undefined instead of this.Markdown
)

markdown = new MarkdownDeep.Markdown()
alert markdown.Transform()

编译为：

var MarkdownDeep, markdown;
MarkdownDeep = new (function() {
  this.Markdown = function() {
    this.Transform = function(a) {
      return "html";
    };
    return;
  };
  return;
});
markdown = new MarkdownDeep.Markdown();
alert(markdown.Transform());

Answer 4

这就是 Coffeescript 给出的输出

var MarkdownDeep;
MarkdownDeep = new (function() {
  return this.Markdown = function() {
    return this.Transform = function(a) {
      return "html";
    };
  };
});

每个函数的最后一行都会在 Coffeescript 中隐式返回。在控制台中检查这一点会产生 MarkdownDeep，

function () {
    return this.Transform = function(a) {
        return "html";
    };
}

它返回一个没有 Markdown() 作为方法的函数。

Answer 5

CoffeeScript 自动将每个输出文件包装在匿名函数中 ((function() { ... })())。要禁用此功能，请在运行 coffee 时使用 --bare 或 -b 选项。