在Coffeescript.org上:

bawbag = (x, y) ->
    z = (x * y)

bawbag(5, 10) 

将编译为:

var bawbag;
bawbag = function(x, y) {
  var z;
  return (z = (x * y));
};
bawbag(5, 10);

在node.js下通过coffee-script编译,这样包装:

(function() {
  var bawbag;
  bawbag = function(x, y) {
    var z;
    return (z = (x * y));
  };
  bawbag(5, 10);
}).call(this);

医生说:

如果您想创建顶级变量供其他脚本使用, 将它们作为属性附加到窗口上,或在导出对象上 CommonJS。存在操作符(下面将介绍)给出一个 如果你的目标是两者,这是一种可靠的方法,可以找出在哪里添加它们 CommonJS和浏览器:root = exports ?这

我如何定义全局变量然后在CoffeeScript。“将它们作为属性附加到窗口”是什么意思?


当前回答

就我个人而言,我认为你太专注于在CoffeeScript中,你不能说:

let x

在主代码中。但没有什么能阻止你说

x = undefined

在你的主代码中,这将创建变量x。我想确保当你以后在函数中引用(或赋值)x时,它将使用相同的x,所以我写了这个脚本:

x = undefined

func = () ->
    console.log "x = #{x}"
    x = 5
    console.log "x = #{x}"

func()
console.log "x = #{x}"

输出:

x = undefined
x = 5
x = 5

所以只有一个x,你可以在函数中使用。

其他回答

我认为你想要达到的目标可以简单地这样做:

在编译coffeescript时,使用"-b"参数。

-b /——bare编译没有顶级函数安全包装的JavaScript。

像这样:coffee -b——compile somefile。咖啡whatever.js

这将输出您的代码,就像在CoffeeScript.org网站一样。

由于coffeescript很少单独使用,您可以使用node.js或browserify(以及任何后代,如coffeeify, gulp构建脚本等)提供的全局变量。

在node.js中global是全局命名空间。

在browserify中global等于window。

所以,只是:

somefunc = ->
  global.variable = 123

对我来说,@atomicules似乎有最简单的答案,但我认为它可以再简化一点。你需要在任何你想要全局的东西前面加上@,这样它就会编译成这个。任何东西,this指向全局对象。

所以…

@bawbag = (x, y) ->
    z = (x * y)

bawbag(5, 10)

编译……

this.bawbag = function(x, y) {
  var z;
  return z = x * y;
};
bawbag(5, 10);

并在node.js提供的包装器内部和外部工作

(function() {
    this.bawbag = function(x, y) {
      var z;
      return z = x * y;
    };
    console.log(bawbag(5,13)) // works here
}).call(this);

console.log(bawbag(5,11)) // works here

如果你是一个坏人(我是一个坏人),你可以像这样简单:(->@)()

如,

(->@)().im_a_terrible_programmer = yes
console.log im_a_terrible_programmer

这是可行的,因为当调用对函数的引用' bare '(即func(),而不是new func()或obj.func())时,通常被称为'函数调用调用模式',总是将其绑定到该执行上下文的全局对象。

上面的CoffeeScript简单地编译为(function(){return this})();我们通过这种行为来可靠地访问全局对象。

再补充一下伊沃·韦策尔的答案

似乎有一个导出的速记语法?这一点我只能在谷歌小组帖子中找到记录/提到。

例如,在一个网页中,要让一个函数全局可用,你再次声明一个@前缀的函数:

<script type="text/coffeescript">
    @aglobalfunction = aglobalfunction = () ->
         alert "Hello!"
</script>

<a href="javascript:aglobalfunction()" >Click me!</a>