Coffeescript函数未定义[重复]

Question

我创建了一个咖啡脚本函数square=(x)->alert x*x
它被编译成这个 javascript

(function() {
  var square;

  square = function(x) {
    return alert(x * x);
  };

}).call(this);

因此，如果我编写此代码 <button onclick="square(5)"> 编译器会说 square() 未定义。怎么了？

Answer 1

你的函数 square 必须是一个全局定义的函数，才能像你定义的那样从你的 HTML 中调用它。但是这段代码：

(function() {
  var square;

  square = function(x) {
    return alert(x * x);
  };

}).call(this);

没有全局定义函数，因此找不到符号。实际上，函数 square 仅在您的 IIFE 中定义，在其他任何地方都不可用。如果您希望它在全球范围内可用，您也可以将上面的块更改为：

window.square = function(x) {
    return alert(x * x);
}

或者，您可以这样做：

(function() {
    this.square = function(x) {
       return alert(x * x);
    };
}).call(this);

或者，显然在 CoffeeScript 中，@ 符号是 this. 的简写，因此您可以使用它：

(function() {
    @square = function(x) {
       return alert(x * x);
    };
}).call(this);

甚至只是这样：

@square = function(x) {
   return alert(x * x);
};

有关更多信息，请参阅此其他答案：How do I define global variables in CoffeeScript?

---

最好不要使用这种调用方法。如果您改用事件侦听器，则根本不必使函数成为全局函数。