Question

coffeescript中的代码会是什么样的？

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

Answer 1

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

Source

Answer 2

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

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

但是有一个鲜为人知的功能，允许这样的代码工作。您必须在页面上的所有coffeescript之后加载coffee-script.js（例如从http://github.com/jashkenas/coffee-script/raw/master/extras/）。这是编译器，在加载时，它将评估和编译之前在页面上定义的所有coffeescript。当然，在每个页面加载上编译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：＆＃34;不建议严肃使用＆＃34;

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

2 个答案: