blocks|key|4124172|text|尝试使用ES6+String+Template，您可以这样做|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|4124173|var+hereDoc+=+`
This
is
a
Multiple
Line
String
`.trim()


hereDoc+==+'This\nis\na\nMultiple\nLine\nString'

=>+true|code-block|syntax|javascript|4124174|即使在使用TypeScript的旧浏览器中，您也可以使用这个伟大的特性|4124175|entityMap|0|LINK|mutability|MUTABLE|url|http://www.typescriptlang.org/^0|4|J|0|0|5|A|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Try ES6 String Template, you can do something like
<pre><code>var hereDoc = `
This
is
a
Multiple
Line
String
`.trim()


hereDoc == 'This\nis\na\nMultiple\nLine\nString'

=&gt; true
</code></pre>
You can use this great feature even in older browsers with <a href="http://www.typescriptlang.org/" rel="noreferrer">TypeScript</a>

blocks|key|5541822|text|不，不幸的是，JavaScript不支持任何像heredoc这样的东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5541823|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

No, unfortunately JavaScript does not support anything like heredoc.

blocks|key|4124014|text|这样如何：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4124015|function+MyHereDoc(){
/*HERE
<div>
+++
++++++This+is+written+in+the+HEREDOC,+notice+the+multilines+:D.
+++
+++
++++++HERE
+++
+++
++++++And+Here
+++
</div>
HERE*/
++++var+here+=+"HERE";
++++var+reobj+=+new+RegExp("/\\*"%2Bhere%2B"\\n[\\s\\S]*?\\n"%2Bhere%2B"\\*/",+"m");
++++str+=+reobj.exec(MyHereDoc).toString();
++++str+=+str.replace(new+RegExp("/\\*"%2Bhere%2B"\\n",'m'),'').toString();
++++return+str.replace(new+RegExp("\\n"%2Bhere%2B"\\*/",'m'),'').toString();
}

//Usage+
document.write(MyHereDoc());|code-block|syntax|javascript|4124016|只需将"/*HERE“和"HERE*/”替换为您选择的单词。|4124017|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

How about this:

<pre><code>function MyHereDoc(){
/*HERE
&lt;div&gt;
 &lt;p&gt;
 This is written in the HEREDOC, notice the multilines :D.
 &lt;/p&gt;
 &lt;p&gt;
 HERE
 &lt;/p&gt;
 &lt;p&gt;
 And Here
 &lt;/p&gt;
&lt;/div&gt;
HERE*/
 var here = "HERE";
 var reobj = new RegExp("/\\*"+here+"\\n[\\s\\S]*?\\n"+here+"\\*/", "m");
 str = reobj.exec(MyHereDoc).toString();
 str = str.replace(new RegExp("/\\*"+here+"\\n",'m'),'').toString();
 return str.replace(new RegExp("\\n"+here+"\\*/",'m'),'').toString();
}

//Usage 
document.write(MyHereDoc());
</code></pre>

Just replace "/*HERE" and "HERE*/" with word of choice.

blocks|key|1627191|text|基于Zv_oDD的答案，我创建了一个类似的函数以便于重用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1627192|警告：这是许多JS解释器的非标准功能，可能会在某个时候被移除，但由于我正在构建一个只在Chrome中使用的脚本，所以我正在使用它！不要在面向客户端的网站上使用！|offset|length|style|BOLD|1627193|//+Multiline+Function+String+-+Nate+Ferrero+-+Public+Domain
function+heredoc(fn)+{
++return+fn.toString().match(/\/\*\s*([\s\S]*?)\s*\*\//m)[1];
};|code-block|syntax|javascript|1627194|使用：|1627195|var+txt+=+heredoc(function+()+{/*
A+test+of+horrible
Multi-line+strings!
*/});|1627196|返回：|1627197|"A+test+of+horrible
Multi-line+strings!"|1627198|备注：|1627199|1627200|文本的两端都会被修剪，因此两端的任何额外空格都可以。|ordered-list-item|1627201|1627202|编辑：|1627203|2014年2月2日-更改为完全不干扰函数原型，并使用名称heredoc。|1627204|5/26/2017+-更新空白以反映现代编码标准。|1627205|entityMap^0|0|0|3|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1A|8|@$D|1B|E|1C|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1D|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1E|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|1F|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1G|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1H|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1I|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]|$1|X|3|Y|5|Z|7|1K|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|11|3|12|5|6|7|1M|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|1N|8|@]|9|@]|A|$]]|$1|15|3|16|5|6|7|1O|8|@]|9|@]|A|$]]|$1|17|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]]|18|$]]

Building on Zv_oDD's answer, I created a similar function for easier reuse.

Warning: This is a non-standard feature of many JS interpreters, and will probably be removed at some point, but as I'm building a script to be only used in Chrome, I am using it! Do not ever rely on this for client-facing websites!

<pre><code>// Multiline Function String - Nate Ferrero - Public Domain
function heredoc(fn) {
 return fn.toString().match(/\/\*\s*([\s\S]*?)\s*\*\//m)[1];
};
</code></pre>

Use:

<pre><code>var txt = heredoc(function () {/*
A test of horrible
Multi-line strings!
*/});
</code></pre>

Returns:

<pre><code>"A test of horrible
Multi-line strings!"
</code></pre>

Notes:

<ol>
<li>Text is trimmed on both ends, so any extra whitespace on either end is OK.</li>
</ol>

Edits:

2/2/2014 - changed to not mess with the Function prototype at all and use the name heredoc instead.

5/26/2017 - updated whitespace to reflect modern coding standards.

blocks|key|4124006|text|根据您正在运行的JS/JS引擎(SpiderMonkey、AS3)的不同风格，您可以简单地编写内联XML，您可以将文本放在多行中，如下面的文档：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4124007|var+xml+=+<xml>
++++Here+
++++is+
++++some+
++++multiline+
++++text!
</xml>

console.log(xml.toXMLString())
console.log(xml.toString())+//+just+gets+the+content|code-block|syntax|javascript|4124008|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Depending on what flavour of JS/JS engine you're running (SpiderMonkey, AS3) you can simply write inline XML, into which you can place text on multiple lines, like heredoc:

<pre><code>var xml = &lt;xml&gt;
 Here 
 is 
 some 
 multiline 
 text!
&lt;/xml&gt;

console.log(xml.toXMLString())
console.log(xml.toString()) // just gets the content
</code></pre>

blocks|key|1627299|text|ES6+Template+Strings具有heredoc文档功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1627300|您可以声明用反划线()括起来的字符串，并且可以通过多行扩展。|1627301|var+str+=+`This+is+my+template+string...
and+is+working+across+lines`;|code-block|syntax|javascript|1627302|您还可以在模板字符串中包含表达式。它们由美元符号和大括号(${expression})表示。|style|CODE|1627303|var+js+=+"Java+Script";
var+des+=+`Template+strings+can+now+be+used+in+${js}+with+lot+of+additional+features`;

console.log(des);+//"Template+strings+can+now+be+used+in+Java+Script+with+lot+of+additional+features"|1627304|事实上，它还有更多的功能，比如带标签的Temple+String和Raw+String。请在以下位置找到文档|1627305|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings|1627306|entityMap|0|LINK|mutability|MUTABLE|url|1^0|4|G|0|0|0|0|T|D|0|0|0|0|2A|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|18|8|@$A|19|B|1A|M|N]]|9|@]|C|$]]|$1|O|3|P|5|H|7|1B|8|@]|9|@]|C|$I|J]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@]|C|$]]|$1|S|3|T|5|6|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]]|C|$]]|$1|U|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|T]]|11|$5|X|Y|Z|C|$10|T]]]]

ES6 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings" rel="noreferrer">Template Strings</a> has heredoc feature. 

You can declare strings enclosed by back-tick (` `) and can be expanded through multiple lines.

<pre><code>var str = `This is my template string...
and is working across lines`;
</code></pre>

You can also include expressions inside Template Strings. These are indicated by the Dollar sign and curly braces (<code>${expression}</code>).

<pre><code>var js = "Java Script";
var des = `Template strings can now be used in ${js} with lot of additional features`;

console.log(des); //"Template strings can now be used in Java Script with lot of additional features"
</code></pre>

There are in fact more features such as Tagged Temple Strings and Raw Strings in it. Please find the documentation at 

<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings</a>

blocks|key|4124063|text|我觉得写一个单独的答案仅仅是对@NateFerrero's+answer的扩展是很糟糕的，但我也不认为编辑他的答案是合适的，所以如果这个答案对你有用，请向上投票@NateFerrero。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4124064|tl；dr-对于那些希望在他们的heredoc中使用块注释的人...|4124065|我主要需要Javascript+heredoc来存储一块CSS，例如|4124066|var+css+=+heredoc(function()+{/*
++++/**
+++++*+Nuke+rounded+corners.
+++++*/
++++body+div+{
++++++++border-top-left-radius:+0+!important;
++++++++border-top-right-radius:+0+!important;
++++++++border-bottom-right-radius:+0+!important;
++++++++border-bottom-left-radius:+0+!important;
++++}
*/});|code-block|syntax|javascript|4124067|但是，正如您所看到的，我喜欢注释我的CSS，不幸的是(正如语法突出显示所暗示的那样)，第一个*/结束了整个注释，破坏了此处的文档。|style|CODE|4124068|4124069|对于这个特定的目的(CSS)，我的变通方法是添加|4124070|.replace(/(\/\*[\s\S]*?\*)+\//g,+'$1/')|4124071|到@NateFerrero的heredoc中的链；完整形式：|4124072|function+heredoc+(f)+{
++++return+f.toString().match(/\/\*\s*([\s\S]*?)\s*\*\//m)[1].replace(/(\/\*[\s\S]*?\*)+\//g,+'$1/');
};|4124073|并通过在*和/之间为“内部”块注释添加一个空格来使用它，如下所示：|4124074|var+css+=+heredoc(function()+{/*
++++/**
+++++*+Nuke+rounded+corners.
+++++*+/
++++body+div+{
++++++++border-top-left-radius:+0+!important;
++++++++border-top-right-radius:+0+!important;
++++++++border-bottom-right-radius:+0+!important;
++++++++border-bottom-left-radius:+0+!important;
++++}
*/});|4124075|replace只需找到/*+...+*+/并删除空间以生成/*+...+*/，从而在被调用之前保留/*+...+*/。|4124076|4124077|当然，您可以使用以下命令完全删除注释|4124078|.replace(/\/\*[\s\S]*?\*+\//g,+'')|4124079|如果您将//注释添加到链中，也可以支持这些注释：|4124080|.replace(/%5E\s*\/\/.*$/mg,+'')|4124081|此外，除了*和/之间的单个空格之外，您还可以执行其他操作，如-|4124082|++++/**
+++++*+Nuke+rounded+corners.
+++++*-/|4124083|如果您只需要适当地更新正则表达式：|4124084|.replace(/(\/\*[\s\S]*?\*)-\//g,+'$1/')
++++++++++++++++++++++++++%5E|4124085|或者您可能想要任意数量的空格，而不是单个空格？|4124086|.replace(/(\/\*[\s\S]*?\*)\s%2B\//g,+'$1/')
++++++++++++++++++++++++++%5E%5E%5E|4124087|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/14496573/925913^0|F|L|0|0|0|0|0|1A|2|0|0|0|0|E|7|0|0|4|1|6|1|0|0|0|7|B|A|T|9|1D|9|0|0|0|0|4|2|0|0|5|1|7|1|U|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1Y|8|@]|9|@$A|1Z|B|20|1|21]]|C|$]]|$1|D|3|E|5|6|7|22|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|23|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|24|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|25|8|@$A|26|B|27|O|P]]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|28|8|@]|9|@]|C|$]]|$1|R|3|S|5|6|7|29|8|@]|9|@]|C|$]]|$1|T|3|U|5|J|7|2A|8|@]|9|@]|C|$K|L]]|$1|V|3|W|5|6|7|2B|8|@$A|2C|B|2D|O|P]]|9|@]|C|$]]|$1|X|3|Y|5|J|7|2E|8|@]|9|@]|C|$K|L]]|$1|Z|3|10|5|6|7|2F|8|@$A|2G|B|2H|O|P]|$A|2I|B|2J|O|P]]|9|@]|C|$]]|$1|11|3|12|5|J|7|2K|8|@]|9|@]|C|$K|L]]|$1|13|3|14|5|6|7|2L|8|@$A|2M|B|2N|O|P]|$A|2O|B|2P|O|P]|$A|2Q|B|2R|O|P]|$A|2S|B|2T|O|P]]|9|@]|C|$]]|$1|15|3|-4|5|6|7|2U|8|@]|9|@]|C|$]]|$1|16|3|17|5|6|7|2V|8|@]|9|@]|C|$]]|$1|18|3|19|5|J|7|2W|8|@]|9|@]|C|$K|L]]|$1|1A|3|1B|5|6|7|2X|8|@$A|2Y|B|2Z|O|P]]|9|@]|C|$]]|$1|1C|3|1D|5|J|7|30|8|@]|9|@]|C|$K|L]]|$1|1E|3|1F|5|6|7|31|8|@$A|32|B|33|O|P]|$A|34|B|35|O|P]|$A|36|B|37|O|P]]|9|@]|C|$]]|$1|1G|3|1H|5|J|7|38|8|@]|9|@]|C|$K|L]]|$1|1I|3|1J|5|6|7|39|8|@]|9|@]|C|$]]|$1|1K|3|1L|5|J|7|3A|8|@]|9|@]|C|$K|L]]|$1|1M|3|1N|5|6|7|3B|8|@]|9|@]|C|$]]|$1|1O|3|1P|5|J|7|3C|8|@]|9|@]|C|$K|L]]|$1|1Q|3|-4|5|6|7|3D|8|@]|9|@]|C|$]]]|1R|$1S|$5|1T|1U|1V|C|$1W|1X]]]]

I feel bad writing a separate answer for merely an extension to <a href="https://stackoverflow.com/a/14496573/925913">@NateFerrero's answer</a>, but I don't feel editing his answer is appropriate either, so please upvote @NateFerrero if this answer was useful to you.

<h2>tl;dr—For those who wish to use block comments inside their heredoc...</h2>

I mainly needed Javascript heredocs to store a block of CSS, e.g.

<pre class="lang-js prettyprint-override"><code>var css = heredoc(function() {/*
 /**
 * Nuke rounded corners.
 */
 body div {
 border-top-left-radius: 0 !important;
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
 }
*/});
</code></pre>

As you can see however, I like to comment my CSS, and unfortunately (as hinted by the syntax highlighting) the first <code>*/</code> ends the overall comment, breaking the heredoc.

<hr>

For this specific purpose (CSS), my workaround was to add

<pre class="lang-js prettyprint-override"><code>.replace(/(\/\*[\s\S]*?\*) \//g, '$1/')
</code></pre>

to the chain inside @NateFerrero's <code>heredoc</code>; in complete form:

<pre class="lang-js prettyprint-override"><code>function heredoc (f) {
 return f.toString().match(/\/\*\s*([\s\S]*?)\s*\*\//m)[1].replace(/(\/\*[\s\S]*?\*) \//g, '$1/');
};
</code></pre>

and use it by adding a space between the <code>*</code> and <code>/</code> for "inner" block comments, like so:

<pre class="lang-js prettyprint-override"><code>var css = heredoc(function() {/*
 /**
 * Nuke rounded corners.
 * /
 body div {
 border-top-left-radius: 0 !important;
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
 }
*/});
</code></pre>

The <code>replace</code> simply finds <code>/* ... * /</code> and removes the space to make <code>/* ... */</code>, thereby preserving the heredoc until called.

<hr>

You can of course remove the comments altogether using

<pre class="lang-js prettyprint-override"><code>.replace(/\/\*[\s\S]*?\* \//g, '')
</code></pre>

You can also support <code>//</code> comments if you add them to the chain:

<pre class="lang-js prettyprint-override"><code>.replace(/^\s*\/\/.*$/mg, '')
</code></pre>

Also, you can do something other than the single space between <code>*</code> and <code>/</code>, like a <code>-</code>:

<pre><code> /**
 * Nuke rounded corners.
 *-/
</code></pre>

if you just update the regex appropriately:

<pre class="lang-js prettyprint-override"><code>.replace(/(\/\*[\s\S]*?\*)-\//g, '$1/')
 ^
</code></pre>

Or maybe you'd like an arbitrary amount of whitespace instead of a single space?

<pre class="lang-js prettyprint-override"><code>.replace(/(\/\*[\s\S]*?\*)\s+\//g, '$1/')
 ^^^
</code></pre>

blocks|key|1627337|text|ES5及更早版本|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1627338|函数(+|1627339|+(){/**一些随机的多行文本**/}).toString().slice(15，-5)；|blockquote|1627340|1627341|1627342|ES6及更高版本|1627343|1627344|+some+random+multi+line+text+here|offset|length|style|CODE|1627345|1627346|1627347|结果|1627348|在这里|1627349|一些随机的多行文本|1627350|1627351|entityMap^0|0|0|0|0|0|0|0|1|W|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|L|3|M|5|F|7|19|8|@$N|1A|O|1B|P|Q]]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1E|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1F|8|@]|9|@]|A|$]]|$1|X|3|Y|5|F|7|1G|8|@]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|11|$]]

ES5 and earlier versions

<blockquote>
<pre><code>(function(){/**
some random
multi line
text here
**/}).toString().slice(15,-5);
</code></pre>
</blockquote>

ES6 and later versions

<blockquote>
<pre><code>`some random
multi line
text here`
</code></pre>
</blockquote>

result 

<blockquote>
<pre><code>some random
multi line
text here
</code></pre>
</blockquote>

blocks|key|4124002|text|您可以使用编译为JavaScript的语言CoffeeScript。代码将一对一编译成等效的JS，并且在运行时没有解释。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4124003|当然，它有heredocs+:)|4124004|entityMap|0|LINK|mutability|MUTABLE|url|http://jashkenas.github.com/coffeescript/|1|http://jashkenas.github.com/coffeescript/#strings^0|L|C|0|0|5|8|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

You could use <a href="http://jashkenas.github.com/coffeescript/" rel="noreferrer">CoffeeScript</a>, a language that compiles down to JavaScript. The code compiles one-to-one into the equivalent JS, and there is no interpretation at runtime.

And of course, it has <a href="http://jashkenas.github.com/coffeescript/#strings" rel="noreferrer">heredocs</a> :)

blocks|key|4124338|text|正如其他人所说，ES6模板字符串提供了传统的heredoc所提供的大部分功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4124339|如果您想更进一步并使用标记的模板字符串，theredoc是一个很好的实用函数，它可以让您做到这一点：|offset|length|style|CODE|4124340|if+(yourCodeIsIndented)+{
++console.log(theredoc`
++++Theredoc+will+strip+the
++++same+amount+of+indentation
++++from+each+line.

++++++You+can+still+indent
++++++further+if+you+want.

++++It+will+also+chop+off+the
++++whitespace-only+first+and
++++last+lines.
++`)
}|code-block|syntax|javascript|4124341|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/testdouble/theredoc^0|0|K|8|K|8|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@$D|Y|E|Z|1|10]]|A|$]]|$1|H|3|I|5|J|7|11|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

As others have said, ES6 template strings give you most of what traditional heredocs provide.

If you want to go a step further and use a tagged template string, <a href="https://github.com/testdouble/theredoc" rel="nofollow noreferrer"><code>theredoc</code></a> is a nice utility function that lets you do this:

<pre><code>if (yourCodeIsIndented) {
 console.log(theredoc`
 Theredoc will strip the
 same amount of indentation
 from each line.

 You can still indent
 further if you want.

 It will also chop off the
 whitespace-only first and
 last lines.
 `)
}
</code></pre>

blocks|key|4124106|text|您可以像这样使用Sweet.js宏来添加它，as+created+by+Tim+Disney+in+this+post|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4124107|请注意，此方法使用反引号作为字符串分隔符：|4124108|let+str+=+macro+{
++++case+{_+$template+}+=>+{
++++++++var+temp+=+#{$template}[0];
++++++++var+tempString+=+temp.token.value.raw;
++++++++letstx+$newTemp+=+[makeValue(tempString,+#{here})];
++++++++return+#{$newTemp}
++++}
}

str+`foo+bar+baz`|code-block|syntax|javascript|4124109|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mozilla/sweet.js/issues/178#issuecomment-32206741^0|M|11|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

You can use Sweet.js Macros to add it like so, <a href="https://github.com/mozilla/sweet.js/issues/178#issuecomment-32206741" rel="nofollow">as created by Tim Disney in this post</a>

Note that this approach uses backticks as the string delimiters instead:

<pre><code>let str = macro {
 case {_ $template } =&gt; {
 var temp = #{$template}[0];
 var tempString = temp.token.value.raw;
 letstx $newTemp = [makeValue(tempString, #{here})];
 return #{$newTemp}
 }
}

str `foo bar baz`
</code></pre>

blocks|key|1624007|text|如果你手头有一些超文本标记语言和jQuery，并且字符串是有效的超文本标记语言，这可能很有用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1624008|<div+id="heredoc"></div>
<script>
var+str+=+(function()+{
+++var+div+=+jQuery('#heredoc');
+++var+str+=+div.html();
+++str+=+str.replace(/%5E<\!--/,+"").toString();
+++str+=+str.replace(/-->$/,+"").toString();
+++return+str;
})();
</script>|code-block|syntax|javascript|1624009|如果文本之间有注释"“，它也可以工作，但文本的一部分可能是可见的。这就是问题所在：https://jsfiddle.net/hr6ar152/1/|offset|length|1624010|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/hr6ar152/1/^0|0|0|15|W|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

If you have some html and jQuery at hand and the string is valid HTML, this may be useful:

<pre><code>&lt;div id="heredoc"&gt;&lt;!--heredoc content
with multiple lines, even 'quotes' or "double quotes",
beware not to leave any tag open--&gt;&lt;/div&gt;
&lt;script&gt;
var str = (function() {
 var div = jQuery('#heredoc');
 var str = div.html();
 str = str.replace(/^&lt;\!--/, "").toString();
 str = str.replace(/--&gt;$/, "").toString();
 return str;
})();
&lt;/script&gt;
</code></pre>

If text have comments "&lt;!-- --&gt;" in between, it works as well, but a part of the text may be visible.
Here's the fiddle: <a href="https://jsfiddle.net/hr6ar152/1/" rel="nofollow">https://jsfiddle.net/hr6ar152/1/</a>

blocks|key|2014124|text|//+js+heredoc+-+http://stackoverflow.com/a/32915549/466363
//+a+function+with+comment+with+eval-able+string,+use+it+just+like+regular+string

function+extractFuncCommentString(func,comments)+{
++var+matches+=+func.toString().match(/function\s*\s*\{\s*\/\*\!?\s*([\s\S]%2B?)\s*\*\/\s*\}/);
++if+(!matches)+return+undefined;
++var+str=matches[1];

+++//+i+have+made+few+flavors+of+comment+removal+add+yours+if+you+need+something+special,+copy+replacement+lines+from+examples+below,+mix+them
++if(comments===1+)
++{
+++//+keep+comments,+in+order+to+keep+comments++you+need+to+convert+/**/+to+/+*+*+/+to+be+able+to+put+them+inside+/**/+like+/*++++/+*+*+/++++*/
+++return+(
++++str
+++.replace(/\/\s\*([\s\S]*?)\*\s\//g,"/*$1*/")+//+++++++change+++/+*+text+*+/++to+++/*+text+*/+
+++)
++}
++else+if(comments===2)
++{
+++//+keep+comments+and+replace+singleline+comment+to+multiline+comment
+++return+(
++++str
+++.replace(/\/\s\*([\s\S]*?)\*\s\//g,"/*$1*/")+//+++++++change+++/+*+text+*+/++to+++/*+text+*/+
+++.replace(/\/\/(.*)/g,"/*$1*/")++++++++++//+++++++++++change+++//abc+to++/*abc*/
+++)
++}
++else+if(comments===3)
++{
+++//+remove+comments
+++return+(
++++++str
++++++.replace(/\/\s\*([\s\S]*?)\*\s\//g,"")+//+++++++match+/+*+abc+*+/
++++++.replace(/\/\/(.*)/g,"")+++++++++++++//+match+//abc
+++++)
++}
++else+if(comments===4)
++{
+++//+remove+comments+and+trim+and+replace+new+lines+with+escape+codes
+++return+(
++++++str
++++++.replace(/\/\s\*([\s\S]*?)\*\s\//g,"")+//+++++++match+/+*+abc+*+/
++++++.replace(/\/\/(.*)/g,"")+++++++++++++//+match+//abc
++++++.trim()+//+after+removing+comments+trim+and:
++++++.replace(/\n/g,'\\n').replace(/\r/g,'\\r')+//+replace+new+lines+with+escape+codes.+allows+further+eval()+of+the+string,+you+put+in+the+comment+function:+a+quoted+text+but+with+new+lines
+++++)
++}
++else+if(comments===5)
++{
+++//+keep+comments+comments+and+replace+strings,+might+not+suit+when+there+are+spaces+or+comments+before+and+after+quotes+
+++//+no+comments+allowed+before+quotes+of+the+string
+++return+(
++++++str
++++++.replace(/\/\s\*([\s\S]*?)\*\s\//g,"/*$1*/")+//+++++++change+++/+*+text+*+/++to+++/*+text+*/
++++++.replace(/\/\/(.*)/g,"/*$1*/")++++++++++//+++++++++++change+++//abc+to++/*abc*/
++++++.trim()+//+trim+space+around+quotes+to+not+escape+it+and:
++++++.replace(/\n/g,'\\n').replace(/\r/g,'\\r')+//+replace+new+lines+with+escape+codes.+allows+further+eval()+of+the+string,+you+put+in+the+comment+function:+a+quoted+text+but+with+new+lines
+++++)
++}
++else+
++return+str
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2014125|示例|unstyled|2014126|var+week=true,b=123;
var+q+=+eval(extractFuncCommentString(function(){/*!

//+this+is+a+comment+++++


'select+

/+*+this
is+a+multiline+
comment+*+/

+a
,b++//+this+is+a+comment++
,c
from+`table`
where+b='%2Bb%2B'+and+monthweek="'%2B(week?'w':'m')%2B'"+
//%2B'+where++a=124
order+by+a+asc
'
*/},4));|2014127|使用cache：-创建一个简单的模板函数，并保存该函数：(second+time快速工作)|2014128|var+myfunction_sql1;
function+myfunction(week,a){


++++if(!myfunction_sql1)+eval('myfunction_sql1=function(week,a){return+('%2BextractFuncCommentString(function(){/*!
'select+

/+*+this
is+a+multiline+
comment+*+/

+a
,b++//+this+is+a+comment++
,c
from+`table`
where+b='%2Bb%2B'+and+monthweek="'%2B(week?'w':'m')%2B'"+
//%2B'+where++a=124
order+by+a+asc

'*/},4)%2B')}');
++++q=myfunction_sql1(week,a);
++++console.log(q)
}
myfunction(true,1234)|2014129|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|M|3|-4|5|F|7|T|8|@]|9|@]|A|$]]]|N|$]]

<pre><code>// js heredoc - http://stackoverflow.com/a/32915549/466363
// a function with comment with eval-able string, use it just like regular string

function extractFuncCommentString(func,comments) {
 var matches = func.toString().match(/function\s*\s*\{\s*\/\*\!?\s*([\s\S]+?)\s*\*\/\s*\}/);
 if (!matches) return undefined;
 var str=matches[1];

 // i have made few flavors of comment removal add yours if you need something special, copy replacement lines from examples below, mix them
 if(comments===1 )
 {
 // keep comments, in order to keep comments you need to convert /**/ to / * * / to be able to put them inside /**/ like /* / * * / */
 return (
 str
 .replace(/\/\s\*([\s\S]*?)\*\s\//g,"/*$1*/") // change / * text * / to /* text */ 
 )
 }
 else if(comments===2)
 {
 // keep comments and replace singleline comment to multiline comment
 return (
 str
 .replace(/\/\s\*([\s\S]*?)\*\s\//g,"/*$1*/") // change / * text * / to /* text */ 
 .replace(/\/\/(.*)/g,"/*$1*/") // change //abc to /*abc*/
 )
 }
 else if(comments===3)
 {
 // remove comments
 return (
 str
 .replace(/\/\s\*([\s\S]*?)\*\s\//g,"") // match / * abc * /
 .replace(/\/\/(.*)/g,"") // match //abc
 )
 }
 else if(comments===4)
 {
 // remove comments and trim and replace new lines with escape codes
 return (
 str
 .replace(/\/\s\*([\s\S]*?)\*\s\//g,"") // match / * abc * /
 .replace(/\/\/(.*)/g,"") // match //abc
 .trim() // after removing comments trim and:
 .replace(/\n/g,'\\n').replace(/\r/g,'\\r') // replace new lines with escape codes. allows further eval() of the string, you put in the comment function: a quoted text but with new lines
 )
 }
 else if(comments===5)
 {
 // keep comments comments and replace strings, might not suit when there are spaces or comments before and after quotes 
 // no comments allowed before quotes of the string
 return (
 str
 .replace(/\/\s\*([\s\S]*?)\*\s\//g,"/*$1*/") // change / * text * / to /* text */
 .replace(/\/\/(.*)/g,"/*$1*/") // change //abc to /*abc*/
 .trim() // trim space around quotes to not escape it and:
 .replace(/\n/g,'\\n').replace(/\r/g,'\\r') // replace new lines with escape codes. allows further eval() of the string, you put in the comment function: a quoted text but with new lines
 )
 }
 else 
 return str
}
</code></pre>

example 

<pre><code>var week=true,b=123;
var q = eval(extractFuncCommentString(function(){/*!

// this is a comment 


'select 

/ * this
is a multiline 
comment * /

 a
,b // this is a comment 
,c
from `table`
where b='+b+' and monthweek="'+(week?'w':'m')+'" 
//+' where a=124
order by a asc
'
*/},4));
</code></pre>

with cache: - make a simple template function, and save the function:(second time works fast)

<pre><code>var myfunction_sql1;
function myfunction(week,a){


 if(!myfunction_sql1) eval('myfunction_sql1=function(week,a){return ('+extractFuncCommentString(function(){/*!
'select 

/ * this
is a multiline 
comment * /

 a
,b // this is a comment 
,c
from `table`
where b='+b+' and monthweek="'+(week?'w':'m')+'" 
//+' where a=124
order by a asc

'*/},4)+')}');
 q=myfunction_sql1(week,a);
 console.log(q)
}
myfunction(true,1234)
</code></pre>

blocks|key|1624119|text|我发布了这个版本，因为它避免了对如此琐碎的事情使用正则表达式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1624120|IMHO正则表达式是perl开发人员之间的一个恶作剧。社区的其他人认真对待他们，现在我们付出了代价，几十年后。不要使用正则表达式，除非向后兼容遗留代码。如今，没有任何借口可以写出人类不能立即阅读和理解的代码。正则表达式在每个级别上都违反了这一原则。|1624121|我还添加了一种将结果添加到当前页面的方法，而不是要求这样做。|1624122|​|1624123|function+pretty_css+()+{
/*
++++pre+{+color:+blue;+}

*/
}
function+css_src+(css_fn)+{
+++var+css+=+css_fn.toString();
+++css+=+css.substr(css.indexOf("/*")%2B2);
+++return+css.substr(0,css.lastIndexOf("*/")).trim();
}

function+addCss(rule)+{
++let+css+=+document.createElement('style');
++css.type+=+'text/css';
++if+(css.styleSheet)+css.styleSheet.cssText+=+rule;+//+Support+for+IE
++else+css.appendChild(document.createTextNode(rule));+//+Support+for+the+rest
++document.getElementsByTagName("head")[0].appendChild(css);
}

addCss(css_src(pretty_css));

document.querySelector("pre").innerHTML=css_src(pretty_css);|code-block|syntax|javascript|1624124|<pre></pre>|1624125|1624126|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|V|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|O|3|G|5|6|7|X|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

I'm posting this version as it avoids the use of regex for something so trivial.

IMHO regex is an obfuscation that was created as a practical joke amongst perl developers. the rest of the community took them seriously and we now pay the price, decades later. don't use regex, except for backward compatabilty with legacy code. there is no excuse these days to write code that is not immediately human readable and understandable. regex violates this principle on every level. 

I've also added a way to add the result to the current page, not that this was asked for.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function pretty_css () {
/*
 pre { color: blue; }

*/
}
function css_src (css_fn) {
 var css = css_fn.toString();
 css = css.substr(css.indexOf("/*")+2);
 return css.substr(0,css.lastIndexOf("*/")).trim();
}

function addCss(rule) {
 let css = document.createElement('style');
 css.type = 'text/css';
 if (css.styleSheet) css.styleSheet.cssText = rule; // Support for IE
 else css.appendChild(document.createTextNode(rule)); // Support for the rest
 document.getElementsByTagName("head")[0].appendChild(css);
}

addCss(css_src(pretty_css));

document.querySelector("pre").innerHTML=css_src(pretty_css);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;pre&gt;&lt;/pre&gt;</code></pre>
</div>
</div>

I need something like heredoc in JavaScript. Do you have any ideas for this? I need cross-browser functionality.

I found this:

<pre><code>heredoc = '\
&lt;div&gt;\
 &lt;ul&gt;\
 &lt;li&gt;&lt;a href="#zzz"&gt;zzz&lt;/a&gt;&lt;/li&gt;\
 &lt;/ul&gt;\
&lt;/div&gt;';
</code></pre>

I think it will work for me. :)

Javascript heredoc

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我需要在JavaScript中使用类似heredoc的代码。你对此有什么想法吗？我需要跨浏览器的功能。我发现了这个：heredoc = '\<div>\ <ul>\ <li><a href="#zzz">zzz</a></li>\ </ul>\</div>';我想这对我来说是可行的。:)

问Javascript heredoc
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript heredocEN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript heredoc
EN