jQueryでHTMLを大量に出力する必要があって、こんな感じ（中身は適当です）

var HTML = '<div><h1>タイトル</h1>...</div>';
HTML += '<div><h3>タイトル</h3>...</div>';
HTML += '<div><h3>タイトル</h3>...</div>';
HTML += '<div><h3>タイトル</h3>...</div>';
HTML += '<div><h3>タイトル</h3>...</div>';
.....
.....

いや、もう辛過ぎ！ヒアドキュメント使いたい〜、でもJSでヒアドキュメント使えないしなぁ、つらみ〜と思いつつ、ググってみたら、とってもびっくり！（エクスクラメーション）

JavaScriptでヒアドキュメントが使えるようなっていた・・！（世界は知らない間に変わっていた）

現在（２０１８年）ほぼすべてのモダンブラウザで利用可能だそうです。

使い方はめちゃくちゃ簡単！

バッグクオートで括るだけ・・！

var HTML = `<div><h1>タイトル</h1>...</div>
<div><h3>タイトル</h3>...</div>
<div><h3>タイトル</h3>...</div>
<div><h3>タイトル</h3>...</div>
<div><h3>タイトル</h3>...</div>
.....
.....
`;

いやあ、もう、ありがとうございましたm(_ _)m

もちろん変数も使えるそうです。

var point = 'えんどう幸せ';

var HTML = `<div><h1>タイトル</h1>...</div>
<div><h3>${point}</h3>...</div>
<div><h3>タイトル</h3>...</div>
<div><h3>タイトル</h3>...</div>
<div><h3>タイトル</h3>...</div>
.....
.....
`;

本当に、もう、ありがとうございましたm(_ _)m

他にもっと詳しく知りたい方は、こちらのサイトで丁寧に説明されていました。