ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript_javascript スキルに多数の文字列定数を埋め込む方法

JavaScript_javascript スキルに多数の文字列定数を埋め込む方法

WBOY
WBOYオリジナル
2016-05-16 17:29:561085ブラウズ

数が少なくても大丈夫ですが、数が多いと、美観を重視する若い芸術家は、大量の文字を使用して記号を接続したり、強制的にインデントを追加したりすることもあります。いくつかの行に置き換えられます。例:

コードをコピーします コードは次のとおりです:

var html =
'
これは大丈夫です。文字列に二重引用符や単一引用符がたくさんあると、さまざまなエスケープ文字が目立ちます。

実はこの問題を解決できるちょっとした裏技があります。誰もが常に、文字列は「...」または「...」の中にあるはずだと考えていますが、それは正しいことです。しかし、文字列を非コード セマンティクスとして保存できる場所がもう 1 つあります。それは関数の toString です。これは関数コード全体を文字列として出力します。もちろん、コメント部分も保持されます。
そこで、/**/ コメント。これは必要な定常コンテンツです。 toString の後に正規表現を追加すると、必要なものを抽出できます。

今すぐ試してみましょう:

コードをコピー

コードは次のとおりです。var RES_CODE = _TEXT(function(){ /* #include int main()
{
std::cout << "Hello world" << std::endl;
return 0;
}

*/});

を 1 つだけ含む空の関数を作成します。
var RES_POEM = _TEXT(function(){/*
> 雨のように星がたくさん降る
BMW の彫刻は香りに満ちている
鳳凰の笛が鳴り響き、翡翠の壺が回り、そして魚は一晩中 ドラゴンは踊る
蛾は雪と柳の金色の糸で覆われている

群衆は何千回も彼を探している

突然振り返ると、その男がいた。薄明かりの中にいます);

var res_xml = _Text (function () {/*
& lt; projectDescript & gt;
& lt; name & lt;/name & gt; & gt; & lt;/comment & gt;
& lt; プロジェクト>
;/name>

.flexbuilder.project.apollo builder ;


function _TEXT(wrap) {
return Wrap.toString().match(//*s([sS]*)s*//)[1];
}
alert(RES_CODE) );
アラート(RES_POEM);
アラート(RES_XML);



わかりました! Chromeではコメントの各行の前のタブが削除されますので、コードを入れるだけなら大きな問題はありませんよ~ もちろん文字中に*/
が入ってはいけないのが前提です。
コードを圧縮するときにコメントがフィルタリングされるため、一部の部分を手動で除外する必要があることに注意してください。