クライアント側(cè)とサーバー側(cè)のレンダリング用の人気のJavaScriptテンプレートライブラリであるHandleBarsは、改善されたテンプレート管理のための口ひげ仕様を拡張します。 新規(guī)參入者の場合は、複數(shù)のコースを介してハンドルバーを使用してJavaScriptテンプレートを探索することをお勧めします。 ハンドルバー4.0（2015年9月）は、大幅な強(qiáng)化を?qū)毪筏蓼筏浚亥ぅ螗楗ぅ螭尾糠值膜瑜鹰钎偿飑`ター。この記事では、構(gòu)文と最適な使用法の詳細(xì)を説明します。

重要な概念：

ハンドルバー4.0の重要な機(jī)能：インラインパート（再利用可能なテンプレート）およびデコレータ（レンダリング狀態(tài)を変更）。

インライン部分：テンプレート內(nèi)で定義され、JavaScript登録の必要性を排除します。 それらは、現(xiàn)在およびネストされたスコープへのブロックスコープの制限的な使用です。小さく、再利用可能なHTMLスニペットに最適です
• デコレーター：ハンドルバープログラム機(jī)能を変更し、実行前にランタイムに影響を與えます。 コンテキストデータまたはヘルパーを変更するのに役立ちます
デコレーターは、通貨のフォーマットなどのタスクに特に有益である、コードのモジュール性、拡張性、およびテスト能力を向上させます。 両方の機(jī)能は、フロントエンド開発を合理化するため、よりクリーンで整理された、潛在的に効率的なコードをもたらします。
• インライン部分
• 一般的なテンプレートの概念である
部分的なものは、再利用可能なテンプレートを個々のファイルに分離することにより、コードの再利用を促進(jìn)します。 ただし、ハンドルバーの従來の部分には、グローバル範(fàn)囲、JavaScriptの登録が必要なグローバル範(fàn)囲（しばしば事前コンパイラーによって処理されますが）、および使用狀況からの分離があります。 これは、多くの場合、それらの使用を最大の再利用可能なコードブロックのみに制限します。
• インライン部分はこれらの問題に対処します。ハンドルバーの構(gòu)文を使用してテンプレート內(nèi)で定義されているため、JavaScript登録は必要ありません。それらのブロックスコープされた性質(zhì)は、それらの使用を現(xiàn)在と子のスコープに限定します。 個別のファイルには小さすぎるか、単一のテンプレート內(nèi)でのみ使用される小型で再利用可能なHTMLセグメントのインライン部分を選択します。 インライン部分を使用して

再利用可能なコードを

でラッピングすることにより、インライン部分を宣言します。 次に、テンプレート內(nèi)で

。

で使用します

例：

{{firstName}} {{lastName}}

を繰り返す代わりに、インライン部分：{{#* inline "partialName"}} ... {{/inline}}を使用します {{> partialName}}

部分的な部分とインラインの部分的な部分を比較

：<li>{{firstName}} {{lastName}}</li>の繰り返しのテンプレートを検討してください

• 従來の部分： Handlebars.registerPartial('fullName', '{{firstName}} {{lastName}}');を登録するために別のJavaScriptファイルが必要で、次にテンプレートで使用されます{{> fullName}}が必要です。 これにより、部分的な定義が分離され、完全なテンプレートの理解がより挑戦的になります。

• インライン部分：よりクリーンで自己完結(jié)型のアプローチ：

{{#* inline "fullName"}}
    {{firstName}} {{lastName}}
{{/inline}}

{{#each clients}}
    <li>{{> fullName}}</li>
{{/each}}

デコレーター

デコレーターは、ハンドルバープログラム機(jī)能を変更し、レンダリングプロセスに影響を與えます。 テンプレート機(jī)能を強(qiáng)化するメタデータを提供し、ヘルパー機(jī)能のより基本的なコンパニオンとして機(jī)能します。

ハンドルバーコンピレーションには次のものが含まれます。1。テンプレートの取得。 2。コンパイル。 3。出力のレンダリング。 デコレーターは、コンパイルステップ（

）に介入し、ブロックスコープ付きコンパイルされた関數(shù)に影響します。 レンダリング前に実行を制御し、コンテキストデータまたはヘルパーの変更を許可します。

Handlebars.compileデコレーターを使用して

デコレーターはを使用して登録されています。 関數(shù)は

。

を受信します Handlebars.registerDecorator() (program, props, container, context)

：
• コンパイルされたハンドルバー機(jī)能。 引數(shù)、返品値、またはコンテキストを変更します program：
ここに設(shè)定されたプロパティは、たとえ置き換えられたとしても、プログラム機(jī)能に影響します。 メタデータに役立ちます。
• props：
ハンドルバーランタイムコンテナ（部分、ヘルパー、コンテキスト）。変更可能。
• container：
デコレーターの引數(shù)とデータを含む親のコンテキスト
• デコレーターは、機(jī)能（または偽の値）を返して、変更されたテンプレートをレンダリングする必要があります。 context例：通貨のフォーマットハンドルバー4.0の前に、通貨のフォーマットはしばしばヘルパーに依存していました。 デコレーターは、よりエレガントなソリューションを提供します。

デコレーターは、コンテキストに基づいて通貨のフォーマットヘルパーを動的に登録できます。

次に、テンプレートで：

このアプローチは、ヘルパーだけを使用するよりもモジュール式で拡張可能で、テスト可能です。

結(jié)論

インラインの部分的およびデコレーターは、ハンドルバーを大幅に強(qiáng)化し、コード組織、再利用性、およびテスト能力を向上させます。 それらは、より保守可能で効率的なフロントエンドアプリケーションを構(gòu)築するための貴重なツールです。

以上がハンドルバー4.0を備えたインラインの部分的およびデコレータを使用しますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。