在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。“将它们作为属性附加到窗口”是什么意思?


由于coffee脚本没有var语句,它会自动为coffee-script中的所有变量插入var语句,这样可以防止编译后的JavaScript版本将所有内容泄露到全局名称空间。

因此,由于无法有意地将某些内容从coffee-script方面“泄漏”到全局名称空间,因此需要将全局变量定义为全局对象的属性。

将它们作为属性附加到窗口上

这意味着你需要做一些类似window的事情。Foo = 'baz';,它处理浏览器的情况,因为那里的全局对象是窗口。

node . js

在Node.js中没有窗口对象,相反,有一个exports对象,它被传递到包装Node.js模块的包装器中(参见:https://github.com/ry/node/blob/master/src/node.js#L321),所以在Node.js中,你需要做的是导出。Foo = 'baz';

现在让我们看看你从文件中引用的内容:

...同时针对CommonJS和浏览器:root = exports ?这

这显然是一个coffee-script,所以让我们来看看它实际上编译成什么:

var root;
root = (typeof exports !== "undefined" && exports !== null) ? exports : this;

首先,它将检查是否定义了exports,因为试图引用JavaScript中不存在的变量会产生SyntaxError(与typeof一起使用时除外)

因此,如果存在exports,在Node.js中(或者在一个写得不好的网站中……)根将指向exports,否则指向this。这是什么?

(function() {...}).call(this);

在函数上使用.call会将函数中的this绑定到传递的第一个参数,对于浏览器来说,它现在是窗口对象,对于Node.js来说,它将是全局上下文,也可以作为全局对象。

但是因为你在Node.js中有require函数,所以不需要给Node.js中的全局对象赋值,相反,你可以给exports对象赋值,然后由require函数返回。

Coffee-Script

说了这么多,下面是你需要做的:

root = exports ? this
root.foo = -> 'Hello World'

这将在全局命名空间中声明函数foo(不管它是什么)。 这就是全部:)


Ivo很好地解决了这个问题,但我要提到一个你可以使用的小技巧,尽管如果你追求的是风格点,我不建议你这么做:你可以通过反勾转义直接将JavaScript代码嵌入到CoffeeScript中。

然而,这通常是一个坏主意:CoffeeScript编译器不知道这些变量,这意味着它们不会遵守正常的CoffeeScript作用域规则。所以,

`foo = 'bar'`
foo = 'something else'

编译,

foo = 'bar';
var foo = 'something else';

现在你有两个傻子在不同的范围内。正如Ivy所描述的,如果不引用全局对象,就无法从CoffeeScript代码中修改全局foo。

当然,这只是当你在coffeescript中赋值给foo时才会出现问题——如果foo在被赋予初始值后变成只读的(即它是一个全局常量),那么嵌入式JavaScript解决方案可能是可以接受的(尽管仍然不推荐)。


你可以在node.js下通过coffee-script编译代码时传递-b选项。 编译后的代码将与coffeescript.org上的代码相同。


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

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

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

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

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

对我来说,@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

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

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

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

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

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


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

如,

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

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

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


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

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

在browserify中global等于window。

所以,只是:

somefunc = ->
  global.variable = 123

就我个人而言,我认为你太专注于在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,你可以在函数中使用。