javascript - 将 JavaScript 代码转换为 CoffeeScript 和全局变量的问题

Question

我正在学习 Coffeescript 并尝试将以下 JavaScript 代码转换为 Coffescript 并且(我认为)我快完成了。主要是，我在将 timer 和 popover_parent 变量设置为全局变量时遇到了问题:

$('.some_element').popover(
  {
    delay: { show: 350, hide: 100 }       
  }
);
var timer,
    popover_parent;
function hidePopover(elem) {
    $(elem).popover('hide');
}
$('.some_element').hover(
    function() {
      var self = this;
      clearTimeout(timer);
      $('.popover').hide(); //Hide any open popovers on other elements.
      popover_parent = self
      $(self).popover('show');            
    }, 
    function() {
      var self = this;
      timer = setTimeout(function(){hidePopover(self)},300);                 
});
$('.popover').on({
  mouseover: function() {
    clearTimeout(timer);
  },
  mouseleave: function() {
    var self = this;
    timer = setTimeout(function(){hidePopover(popover_parent)},300); 
  }
});

这是我目前所拥有的:

$ ->
  $('.some_element')
    .popover ->
      delay: {show:350, hide: 100}
$ ->
  hidePopover = (elem) ->
    $(elem).popover('hide')

  $('.some_element').hover(
    ->
      self = $(this)
      clearTimeout(timer)
      $('.popover').hide()
      popover_parent = self
      $(self).popover('show')
    ->
      self = $(this)
      timer = setTimeout(
        ->
          hidePopover(self) 300
      )
  )

$ ->
  $(document).on({
    mouseover: ->
      clearTimeout(timer)
    mouseleave: ->
      timer = setTimeout(
        ->
          hidePopover(popover_parent) 300
      )
  })

如有任何建议，我们将不胜感激。

谢谢!

Answer 1

我不确定你是否知道 http://js2coffee.org ，但如果它适用于您的代码，那么它是学习如何将 Javascript 转换为 Coffeescript 的一种非常快速的方法。我在开始接触咖啡时经常使用它。

当然，它也做 coffee 到 js 的编译。