作成されるコンポーネントは、多くの静的データに関連付けられる場合があります。 このデータをJavaScriptに保存する唯一の「通常の」方法は、文字列を使用することです。 しかし、複数行のデータを行に格納するのは不便です。なぜなら、 各行には追加のフォーマットが必要です。 さらに、キャラクターのエスケープに従う必要があります。
原則として、この方法は表面にありますが、誰もがこの側面でそれについて考えたわけではありません。 さらに、縮小化についてコメントする必要があります。 彼女は有用なコメントをカットすべきではありません。
したがって、必要なのは、コメントのテキストコンテンツを取得することだけです。 ただし、リフレクションを通じてコメントを取得することはできません。 ただし、仕様によると、Function.prototype.toString（）は関数のテキスト表現を返します。 コメントを含む。 したがって、コメントを関数の本文に含める必要があります。
例を挙げましょう。
やや不自然ですが、反射的です。 jsコンポーネントを使用して、スタイルを単一のファイルに保存します。
const Component = (function ($) { const initialize = (function () { var isInited = false; function css() { } return function () { if (isInited) return; isInited = true; (function () { const startStr = '/*content-start', endStr = 'content-end*/', fnStr = css.toString(), textStart = fnStr.indexOf(startStr) + startStr.length, textEnd = fnStr.lastIndexOf(endStr), text = fnStr.substring(textStart, textEnd).trim(); $(document.head).append($('<style type="text/css"/>').html(text)); })(); }; })(); return function () { initialize(); this.x = 5; this.y = 10; this.elem = $('<div class="component"/>').text('x = ' + this.x + '; y = ' + this.y); }; })(jQuery);
そして、どんなアプローチも悪と善の両方に使用できることを忘れないでください。 それはすべてあなたの目標に依存します。
すべてに良い）