JavaScript開発をCoffeescriptで加速します

coffeescript：JavaScriptの簡潔で読みやすい代替品

coffeescriptは、JavaScriptに変換されるコンパイルされた言語で、より表現力豊かでコンパクトな構文を提供します。これにより、バグが少ないクリーンで保守可能なコードが発生します。 その作成者であるジェレミー・アシュケナスは、それを「あなたが意味することを書く」ことをさせ、javascriptの歴史的な癖を避けていると説明しています。

重要な利点には、読みやすさの向上、古いインターネットエクスプローラーバージョンとの互換性、およびトレーリングコンマや自動セミコロン挿入などの一般的なJavaScriptの落とし穴の回避が含まれます。 特にRailsコミュニティ内での人気の高まりは、トッププログラミング言語のTiobeインデックスに存在することに反映されています。

coffeescript

を始めましょう インストールは、NPM：

を介して簡単です

グローバルインストールでは、

npm install coffee-script -g

coffeeコンピレーション

coffeeScriptファイル（）は、手動でコンパイルするか、ウォッチャーを使用して保存する自動再コンパイルを使用できます。 手動編集：

自動再コンパイルの場合：.coffee

coffee -c app.coffee

注：coffeescript 1.9.1のバグはウォッチャーに影響します。以下の例には、バージョン1.9.0が推奨されます

coffeeScriptの基礎

coffee -cw app.coffee

coffeeScriptは、いくつかの方法でJavaScriptを簡素化します：

変数宣言：

変数宣言はしばしば不要です。値を割り当てるだけです：

。

• semicolons：semicolonsはオプションです。hasBody = true
• 関数呼び出し：括弧は、トップレベルの関数呼び出しでオプションです：。
• インデンテーション：インデント（2つのスペースまたはタブ）はコードブロックを定義します。 $(".messages").show 'slow'
• 例：

ブレアンと条件

coffeescriptは簡潔なブール値と条件付き構文を提供します：

if hasBody
  alert "Hello Body"
else
  alert "No Body"

、

、

は

。

に相当します
• on、yes、trueはtrue。
に相当します
• offおよびnoは、falseとfalse
• シングルラインの条件を有効にします。is isnt===および!==は、
と
• then
• 反復、フィルター、および範囲andor &&iterationは、配列に||、オブジェクトプロパティに
を使用します：

フィルタリングは、：

を使用して達成されます

npm install coffee-script -g

数値範囲は簡単に作成されます：[0..10]（包括的）、[0...11]（排他）。

関数とthis

関数は、->：

を使用して定義されます

coffee -c app.coffee

@シンボルは、thisキーワードを置き換えます

es6スタイルクラスとoop

coffeescriptは、クラスと継承を備えたオブジェクト指向のプログラミングをサポートしています：

coffee -cw app.coffee

：...を使用してRESTパラメーターがサポートされています

if hasBody
  alert "Hello Body"
else
  alert "No Body"

暗黙のリターンが使用されます。最後のステートメントの値は返されます。

結論

coffeeScriptは、JavaScriptのより簡潔で読みやすい代替品を提供し、開発とエラーの削減を簡素化します。 その人気は、現代のJavaScriptの進歩に幾分衰えていますが、より表現力のあるスクリプト体験を求めている人にとって貴重なツールのままです。

よくある質問（FAQ）

元の入力からのFAQセクションは省略されています。これは、書き直された記事で既に提供されている情報を考慮して、大部分が冗長であるためです。 FAQの情報は、すでに改訂されたテキストに組み込まれています。

以上がJavaScript開発をCoffeescriptで加速しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。