javascript - Coffeescript 構文: 構造が間違っています

Question

問題を示すためにコードを単純化しました。この Coffeescript スニペットを使用すると、次のようになります。

$("<div>")
.text "hi"
.appendTo "body"

私はそれが次のようにコンパイルされることを期待しています:

$("<div>").text("hi").appendTo("body")

代わりに行うことは次のとおりです。

$("<div>").text("hi".appendTo("body"))

ブラケットをそのまま使用できることがわかりましたが、これは Coffeescript の書き方ではないと思います。

目的の出力にコンパイルされるように、どのように記述すればよいか誰か教えてもらえますか? どうもありがとうございました。

score 4 · Accepted Answer

括弧を追加します。

良いスタイルである限り、シンタックスを省略するのは意図が雑然としている場合に限るべきです。この場合、それらを省略すると意図が失われます。形態は機能に従う。先例を宣言するにはここに括弧が必要であり、Coffeescript はその理由で括弧をサポートしています。

score 3 · Accepted Answer

ブラケットをそのまま使用できることがわかりましたが、これは Coffeescript の書き方ではないと思います。

CoffeeScript の括弧はオプションですが、使用してはいけないという意味ではありません。それらを自由に使用してください！場合によっては、あなたのように、それらが必要になることさえあります。

私にとって、オプションの括弧による大きな利点は、匿名のコールバックや、括弧が次のように複数の行にまたがるその他の場合です。

foo 'bar', (err, res) ->
  # Do stuff

私にとってどちらが優れているか

foo('bar', (err, res) ->
  # Do stuff
)

でも、それがあなたのスタイルだとしても、がんばってください！

したがって、要約すると、次のように記述します。

$("<div>")
  .text("hi")
  .appendTo("body")

編集：または

$("<div>").text("hi").appendTo("body")

ただし、この特定のケースでは、もちろん次のことができます。

$("<div>", text: "hi").appendTo("body")

ティムタウディ ;)

score 0 · Accepted Answer

coco とlivescript (npm または github 上) はどちらも coffeescript から派生したものであり、より「スペースに敏感」であるため、次のことが可能になります。

$ "<div>" .text "hi" .appendTo "body"

と

$("<div>")
  .text "hi"
  .appendTo "body"

どちらもコンパイルします

$("<div>").text("hi").appendTo("body");

3 に答える 3