簡體   English   中英

如何將這段JavaScript代碼轉換為coffeescript代碼

[英]How do I convert this piece of javascript code to coffeescript code

以下代碼在coffeescript中是什么樣的?

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

資源

<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>

話雖如此,引用doc的話“不建議嚴重使用它”

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM