blocks|key|1070386|text|不，不幸的是，JavaScript不支持任何像heredoc这样的东西。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1070387|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|$]]

<p>No, unfortunately JavaScript does not support anything like heredoc.</p>


blocks|key|856283|text|这样如何：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|856284|function+MyHereDoc(){
/*HERE
<div>
+++<p>
++++++This+is+written+in+the+HEREDOC,+notice+the+multilines+:D.
+++</p>
+++<p>
++++++HERE
+++</p>
+++<p>
++++++And+Here
+++</p>
</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|856285|只需将"/*HERE“和"HERE*/”替换为您选择的单词。|856286|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|$]]

<p>How about this:</p>

<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>

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


blocks|key|856211|text|根据您正在运行的JS/JS引擎(SpiderMonkey、AS3)的不同风格，您可以简单地编写内联XML，您可以将文本放在多行中，如下面的文档：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|856212|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|856213|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|$]]

<p>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:</p>

<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|856538|text|ES6+Template+Strings具有heredoc文档功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|856539|您可以声明用反划线()括起来的字符串，并且可以通过多行扩展。|856540|var+str+=+`This+is+my+template+string...
and+is+working+across+lines`;|code-block|syntax|javascript|856541|您还可以在模板字符串中包含表达式。它们由美元符号和大括号(${expression})表示。|style|CODE|856542|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"|856543|事实上，它还有更多的功能，比如带标签的Temple+String和Raw+String。请在以下位置找到文档|856544|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings|856545|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]]]]

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

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

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

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

<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>

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

<p><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></p>


blocks|key|1070552|text|您可以使用编译为JavaScript的语言CoffeeScript。代码将一对一编译成等效的JS，并且在运行时没有解释。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1070553|当然，它有heredocs+:)|1070554|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]]]]

<p>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.</p>

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


blocks|key|1071055|text|正如其他人所说，ES6模板字符串提供了传统的heredoc所提供的大部分功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1071056|如果您想更进一步并使用标记的模板字符串，theredoc是一个很好的实用函数，它可以让您做到这一点：|offset|length|style|CODE|1071057|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|1071058|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]]]]

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

<p>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:</p>

<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|856349|text|您可以像这样使用Sweet.js宏来添加它，as+created+by+Tim+Disney+in+this+post|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|856350|请注意，此方法使用反引号作为字符串分隔符：|856351|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|856352|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]]]]

<p>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></p>

<p>Note that this approach uses backticks as the string delimiters instead:</p>

<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|856417|text|如果你手头有一些超文本标记语言和jQuery，并且字符串是有效的超文本标记语言，这可能很有用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|856418|<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|856419|如果文本之间有注释"“，它也可以工作，但文本的一部分可能是可见的。这就是问题所在：https://jsfiddle.net/hr6ar152/1/|offset|length|856420|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]]]]

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

<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>

<p>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></p>


blocks|key|1070962|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|1070963|示例|unstyled|1070964|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));|1070965|使用cache：-创建一个简单的模板函数，并保存该函数：(second+time快速工作)|1070966|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)|1070967|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>

<p>example </p>

<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>

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

<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|856631|text|我发布了这个版本，因为它避免了对如此琐碎的事情使用正则表达式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|856632|IMHO正则表达式是perl开发人员之间的一个恶作剧。社区的其他人认真对待他们，现在我们付出了代价，几十年后。不要使用正则表达式，除非向后兼容遗留代码。如今，没有任何借口可以写出人类不能立即阅读和理解的代码。正则表达式在每个级别上都违反了这一原则。|856633|我还添加了一种将结果添加到当前页面的方法，而不是要求这样做。|856634|​|856635|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|856636|<pre></pre>|856637|856638|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|$]]

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

<p>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. </p>

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

<p><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>
</p>


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

<p>I found this:</p>

<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>

<p>I think it will work for me. :)</p>


Javascript heredoc

jQuery

Java

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

问Javascript heredoc
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript heredocEN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript heredoc
EN