如何将这段 javascript 代码转换为 coffeescript 代码答案

【问题标题】：How do I convert this piece of javascript code to coffeescript code如何将这段 javascript 代码转换为 coffeescript 代码
【发布时间】：2014-08-07 06:39:35
【问题描述】：

coffeescript 中的以下代码是什么样的？

<script type="text/javascript">
  $(function () {
      $('#datetime-picker').datetimepicker();
  });
</script>

【问题讨论】：

你不打算使用inline <script type="text/coffeescript">，是吗？

标签： javascript coffeescript

【解决方案1】：

$ ->
  $("#datetime-picker").datetimepicker()
  return

Source

【讨论】：

@BhushanLodha：为什么不呢？
它不起作用怎么办？这是有效的 CoffeeScript，这是您要求的。

【解决方案2】：

<script type="text/coffeescript">
$ ->
  $("#datetime-picker").datetimepicker()
  return
</script>

确实是您问题的正确答案。不幸的是，浏览器本身并不能理解 coffeescript。

但是有一个鲜为人知的功能可以让这样的代码工作。在页面上的所有咖啡脚本之后，您必须加载coffee-script.js（例如来自http://github.com/jashkenas/coffee-script/raw/master/extras/）。这是编译器，在加载时，它将评估和编译之前在您的页面上定义的所有咖啡脚本。当然，每次页面加载都编译coffeescript的效率还远远不够，绝对不推荐用于生产代码。

不过，这里有一个小例子：

<html>
<head>
<script type="text/javascript" 
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> 
</script>
</head>
<body>
<script type="text/coffeescript">
$ -> $('#header').css 'color','green'
</script>
<h1 id="header" style="color:red">
  If this is green your browser understand coffescript !!
</h1> 

<!-- Load coffeescript compiler -->
<script type="text/javascript" 
        src="http://github.com/jashkenas/coffee-script/raw/master/extras/coffee-script.js"> </script>
</html>

话虽如此，引用the doc：“不建议认真使用”

【讨论】：