Rails 4資產管道樹中的Javascript函數

Question

當我將JavaScript函數放入Rails Asset Pipeline清單中時，我試圖通過Chrome控制台使用JavaScript函數。 這是我創建和設置簡單的Rails 4.2.4 App所采取的步驟

$ rails new JavascriptExample
$ cd JavascriptExample
$ rails g scaffold Bear name:string
$ rake db:migrate

然后，我編輯app/assets/javascripts/bears.coffee並添加控制台日志和功能。

console.log("asset pipeline sucks")
square = (x) -> x * x

然后我啟動服務器

$ rails s

我訪問了localhost:3000/bears ，在Chrome控制台中，我看到第一行代碼已經起作用。 但是，當我嘗試命令square(5); 在控制台中，我收到一個錯誤： Uncaught ReferenceError: square is not defined(…)

當此函數明確加載到application.js時，為什么不能這樣做呢？

Answer 1

這是您的coffeescript被編譯為javascript的內容

(function() {
  var square;

  console.log("asset pipeline sucks");

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

從這個 ： the var keyword is reserved in CoffeeScript, and will trigger a syntax error if used. Local variables are created implicitly by default the var keyword is reserved in CoffeeScript, and will trigger a syntax error if used. Local variables are created implicitly by default ，因此按您的期望在全局范圍內不可用

為了使它起作用，我們可以改為執行以下操作：

console.log("asset pipeline sucks")
@square = (x) -> x * x

請注意，我們有@ ，現在編譯的javascript將是：

(function() {
  console.log("asset pipeline sucks");

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

}).call(this);