jquery - 如何将这段简单的 jQuery 转换为 coffeescript

Question

我已经尝试了各种各样的东西，但都没有奏效

我在咖啡脚本中需要以下内容

$('html,body').animate({
    scrollTop: '+=' + $('#comment-div').offset().top + 'px'
}, 'fast');

谢谢

Answer 1

正如 Thilo 在评论中所说，您的 JavaScript 代码原样在 CoffeeScript 中也可以工作，但如果您想让它更符合 CoffeeScript-y，您可以。由于语言非常相似，因此没有太大区别。

$("html, body").animate {
    scrollTop: "+=#{$("#comment-div").offset().top}px"
}, "fast"

我在这里所做的是：

• 删除了不必要的括号。
• 在字符串中使用字符串插值（#{}语法）scrollTop。

这些使代码更像 CoffeeScript-y。

Answer 2

如果您需要最快的转换方式，请尝试将此作为临时解决方案

www.js2coffee.org

我建议你把它用作交叉验证，而不是在编译错误后更正代码（仅在初始阶段），我强烈建议你学习咖啡脚本而不是做这种转换的事情。

如果你想要除了Little Book之外的更详细的咖啡脚本书籍， 试试这些，
Coffee
CoffeeScript 中的编程加速 JavaScript 开发