带有foo.js和foo.js.coffee(空）的Rails资产管道导致js循环.为什么?

Rails asset pipeline with foo.js and foo.js.coffee (empty) results in JS loop. Why?

本文关键字：js foo 管道 为什么 循环 coffee 带有 Rails      更新时间：2023-09-26

以下内容本身不是问题，因为可以通过不对两个资产管道文件使用相同的名称来避免。我只是好奇一个解释，所以谢谢你的任何见解。

这是轨道3.2.6，链轮2.1.4（也尝试了最新版本2.4.4）。一个最小的例子：http://github.com/richardkmichael/js-test

我有一个FooController，正在编写javascript而不是coffeescript，所以我创建了一个新文件foo.js，但留下了一个空的foo.js.coffee。

我有一个setInterval（）函数（测试readyState === 'complete'），它被clearInterval（。但是，interval函数会循环，就好像clearInterval()调用不起作用一样。

当我删除空的foo.js.coffee文件时，循环停止，JS按预期工作。替换空的foo.js.coffee会再次启动客户端上的循环行为。

服务器端处理似乎正在更改客户端的内容，从而导致重置/新建间隔计时器？

这两种情况之间似乎没有客户端JS的区别。然而，在Chrome的网络检查器中：

  • "Resources"列出了foo.js一次，在这两种情况下都包含与foo.js服务器端相同的JS。application.js包含一个分号。（除此之外，即使我删除了jQuery，这种循环行为仍然存在。）

  • "源"（localhost/assets）列出foo.js?body=1两次。

app/controllers/foo_controller.rb:

class FooController < ApplicationController
  def index
    render :inline => '<p>Hello, World!</p>', :layout => true
  end
end

app/assets/javascripts/foo.js:

var readyStateCheckInterval = setInterval(function () {
  if (document.readyState === 'complete') {
    console.log('Document ready.');
    clearInterval(readyStateCheckInterval);
  }
}, 2000);

app/assets/javascripts/foo.js.coffee:

<empty -- just `touch .../foo.js.coffee`>

一个（也许）类似的问题：链轮重复文件命名

更新

根据这些回复，我注意到有两个<script>标签（事后看来相当明显）。在测试Frederick的解释时，我更改了javascript以避免丢失第一个计时器引用，并且它按预期"工作"（正好两次写入console.log）。

/*jslint indent: 2 */
(function () {
  'use strict';
  var intervalTimers = {},
    date = new Date(),
    time = date.getTime();
  function setupIntervalTimer(name) {
    intervalTimers[name] = setInterval(function () {
      if (document.readyState === 'complete') {
        console.log('Document ready.');
        clearInterval(intervalTimers[name]);
      }
    }, 2000);
  }
  setupIntervalTimer(time);
}());

您的Javascript被包含了两次。网络检查器可能只显示一次，因为浏览器足够智能，不会再次提取相同的文件

当您的第一个Javascript副本运行时，它会创建计时器并将其值存储在readyStateCheckInterval中，以便以后可以取消它。第二个副本创建第二个计时器，并用新值覆盖readyStateCheckInterval的值。然后，您的回调两次尝试取消第二个计时器，但从未取消第一个计时器（因为您现在已经丢失了对它的引用）

相关文章：