CoffeeScript的功能是不明确的

Question

我创建的CoffeeScript功能square=(x)->alert x*x
如果我写这段代码<button onclick="square(5)">编译说square()是不确定它编入这个JavaScript

(function() { 
    var square; 

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

}).call(this); 

左右。怎么了？

Answer 1

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

(function() { 
    var square; 

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

}).call(this); 

没有定义全局函数，因此无法找到该符号。实际上，函数平方只在您的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?

---

更妙的是不使用这种调用方法。如果您使用事件侦听器，那么您不必使该函数成为全局的。