[javascript] CoffeeScript에서 전역 변수를 어떻게 정의합니까?

coffee script에는 varstatement 가 없으므로 coffee-script의 모든 변수에 대해 자동으로이를 삽입하므로 컴파일 된 JavaScript 버전이 모든 것을 전역 네임 스페이스 로 유출하는 것을 방지합니다 .

따라서 의도적으로 커피 스크립트 측면에서 전역 네임 스페이스에 “누설”무언가를 만들 수있는 방법이 없으므로 전역 변수를 전역 객체의 속성으로 정의해야 합니다 .

창에서 속성으로 첨부

이것은 전역 객체 가 window.foo = 'baz';이므로 브라우저 케이스를 처리하는 것과 같은 것을 수행해야 함을 의미 합니다 .window

Node.js

Node.js에는 window객체 가 없으며 대신 exportsNode.js 모듈을 감싸는 래퍼로 전달되는 객체가 있습니다 ( https://github.com/ry/node/blob/master/src/node.js# 참조). L321 ), 그래서 Node.js를에 당신이해야 할 것 인 것이다 exports.foo = 'baz';.

이제 문서에서 인용 한 내용이 무엇인지 살펴 보겠습니다.

… CommonJS와 브라우저를 모두 대상으로 : root = exports? 이

이것은 분명히 커피 스크립트이므로 실제로 컴파일하는 내용을 살펴 보겠습니다.

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

먼저 exportsJavaScript에 존재하지 않는 변수를 참조하려고하면 SyntaxError가 발생하기 때문에 정의되어 있는지 확인합니다 (와 함께 사용되는 경우 제외 typeof)

따라서 exports존재하는 경우 Node.js (또는 잘못 작성된 WebSite …)의 경우 루트는를 가리키고 exports그렇지 않으면를 가리 킵니다 this. 그래서 무엇 this입니까?

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

.call함수를 사용 하면 함수 this내부를 전달 된 첫 번째 매개 변수에 바인딩합니다 . 브라우저 this가 이제 window객체가되는 경우 Node.js의 경우 전역 컨텍스트 가 global객체 로도 사용할 수 있습니다 .

그러나 requireNode.js에 함수 가 있으므로 Node.js의 global객체에 무언가를 할당 할 필요가 없으며 대신 객체에 할당 exports한 다음 require함수에 의해 반환됩니다 .

커피 스크립트

모든 설명을 마친 후에는 다음을 수행해야합니다.

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

foo전역 네임 스페이스에서 함수 를 선언합니다 .
그게 다야 🙂

답변

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

bawbag(5, 10)

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

(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

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

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

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

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

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