blocks|key|287283|text|ES6更新：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|287284|ES6增加了模板字符串，使用反引号()+instead+of+single+or+double+quotes.+In+a+template+string,+you+can+use+the${}`语法添加表达式)。使用您的示例，它将是：|offset|length|style|CODE|287285|string_needed+=+`prefix.....${topic}suffix....${name}testing`|code-block|syntax|javascript|287286|原始答案：|287287|对不起:(|287288|我喜欢利用Array.join：|287289|["prefix+....",+topic,+"suffix....",+name,+"testing"].join("")|287290|或者使用String.concat|287291|String.concat("a",+2,+"c")|287292|或者，您可以编写自己的连接函数：|287293|var+concat+=+function(/*+args+*/)+{
++++/*
+++++*+Something+involving+a+loop+through+arguments
+++++*/
}|287294|或者使用第三方sprintf函数，如http://www.diveintojavascript.com/projects/javascript-sprintf|287295|entityMap|0|LINK|mutability|MUTABLE|url|http://www.diveintojavascript.com/projects/javascript-sprintf^0|0|I|23|0|0|0|0|0|0|4|D|0|0|0|0|7|7|I|1P|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@$D|1E|E|1F|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1G|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1J|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1K|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1L|8|@$D|1M|E|1N|F|G]]|9|@]|A|$]]|$1|W|3|X|5|J|7|1O|8|@]|9|@]|A|$K|L]]|$1|Y|3|Z|5|6|7|1P|8|@]|9|@]|A|$]]|$1|10|3|11|5|J|7|1Q|8|@]|9|@]|A|$K|L]]|$1|12|3|13|5|6|7|1R|8|@$D|1S|E|1T|F|G]]|9|@$D|1U|E|1V|1|1W]]|A|$]]|$1|14|3|-4|5|6|7|1X|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B]]]]

<h1>ES6 Update:</h1>

ES6 added template strings, which use backticks (`) instead of single or double quotes. In a template string, you can use the <code>${}</code> syntax to add expressions. Using your example, it would be:

<pre><code>string_needed = `prefix.....${topic}suffix....${name}testing`
</code></pre>

<h1>Original answer:</h1>

Sorry :(

I like to take advantage of Array.join:

<pre><code>["prefix ....", topic, "suffix....", name, "testing"].join("")
</code></pre>

or use <code>String.concat</code>

<pre><code>String.concat("a", 2, "c")
</code></pre>

or you could write your own concatenate function:

<pre><code>var concat = function(/* args */) {
 /*
 * Something involving a loop through arguments
 */
}
</code></pre>

or use a 3rd-party <code>sprintf</code> function, such as <a href="http://www.diveintojavascript.com/projects/javascript-sprintf" rel="nofollow noreferrer">http://www.diveintojavascript.com/projects/javascript-sprintf</a>

blocks|key|284941|text|您可以考虑使用coffeescript来编写代码(它具有像Ruby+ie+#{foo}这样的插值功能)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|284942|它会“编译”成javascript+--所以你最终会得到像你所写的那样的javascript，但不需要编写/维护你已经厌倦的%2B%2B%2B代码|284943|我意识到，要求您考虑使用另一种语言是不是一个有效的答案，但考虑到coffeescript的工作方式，以及您的标签之一是Ruby，我希望它会通过。|284944|entityMap|0|LINK|mutability|MUTABLE|url|http://jashkenas.github.io/coffee-script/#strings^0|7|C|0|0|0|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|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

You could consider using <a href="http://jashkenas.github.io/coffee-script/#strings" rel="nofollow noreferrer">coffeescript</a> to write the code (which has interpolation like Ruby ie #{foo}). 

It 'compiles' down to javascript - so you will end up with javascript like what you've written, but without the need to write/maintain the +++ code you're tired of 

I realize that asking you to consider another language is on the edge of being a valid answer or not but considering the way coffeescript works, and that one of your tags is Ruby, I'm hoping it'll pass.

blocks|key|283671|text|作为Javascript的好奇心，你可以实现一些基本上做类似Ruby插值的东西：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283672|sub+=+function(str)+{
++return+str.replace(/#\{(.*?)\}/g,
++++function(whole,+expr)+{
++++++return+eval(expr)
++++})
}

js>+y+=+"world!"
world!
js>+sub("Hello+#{y}")
Hello+world!
js>+sub("1+%2B+1+=+#{1+%2B+1}")
1+%2B+1+=+2|code-block|syntax|javascript|283673|在字符串文字以外的任何东西上使用它都是自找麻烦的，而且无论如何它都可能相当慢(尽管我还没有测试过)。只是想让你知道。|offset|length|style|BOLD|283674|entityMap^0|0|0|0|O|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

As a Javascript curiosity, you can implement something that basically does Ruby-like interpolation:

<pre><code>sub = function(str) {
 return str.replace(/#\{(.*?)\}/g,
 function(whole, expr) {
 return eval(expr)
 })
}

js&gt; y = "world!"
world!
js&gt; sub("Hello #{y}")
Hello world!
js&gt; sub("1 + 1 = #{1 + 1}")
1 + 1 = 2
</code></pre>

Using it on anything but string literals is asking for trouble, and it's probably quite slow anyways (although I haven't measured). Just thought I'd let you know.

blocks|key|3210105|text|直接回答:没有javascript不支持字符串插值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3210106|唯一的方法是自己实现它，或者使用第三方lib为您实现它。|3210107|编辑|offset|length|style|BOLD|3210108|正如Marcos在评论中补充的那样，有一个ECMAScript+6(和声)的建议，所以我们可以有适当的字符串插值：|3210109|var+a+=+5;
var+b+=+10;
console.log(`Fifteen+is+${a+%2B+b}+and\nnot+${2+*+a+%2B+b}.`);
//+"Fifteen+is+15+and
//+not+20."|code-block|syntax|javascript|3210110|详情请查看here。|3210111|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings^0|0|0|0|2|0|0|0|5|4|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|12|8|@$F|13|G|14|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|16|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|17|8|@]|9|@$F|18|G|19|1|1A]]|A|$]]|$1|S|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

Direct answer: No javascript doesn't support string interpolation.

The only way is to implement it yourself or use a third party lib who does it for you.

EDIT

As Marcos added in comments theres a proposal for ECMAScript 6 (Harmony), so we can have proper string interpolation:

<pre><code>var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and\nnot ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."
</code></pre>

Please see more information <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings" rel="nofollow">here</a>.

blocks|key|3210113|text|我只是写了这个hacky函数来做这件事。使用方法如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3210114|interpolate("#{gimme},+#{shelter}",+{gimme:'hello',+shelter:'world'})
//+returns+"hello,+world"|code-block|syntax|javascript|3210115|以及实现方法：|3210116|interpolate+=+function(formatString,+data)+{
++++var+i,+len,
++++++++formatChar,
++++++++prevFormatChar,
++++++++prevPrevFormatChar;
++++var+prop,+startIndex+=+-1,+endIndex+=+-1,
++++++++finalString+=+'';
++++for+(i+=+0,+len+=+formatString.length;+i<len;+%2B%2Bi)+{
++++++++formatChar+=+formatString[i];
++++++++prevFormatChar+=+i===0+?+'\0'+:+formatString[i-1],
++++++++prevPrevFormatChar+=++i<2+?+'\0'+:+formatString[i-2];

++++++++if+(formatChar+===+'{'+&&+prevFormatChar+===+'#'+&&+prevPrevFormatChar+!==+'\\'+)+{
++++++++++++startIndex+=+i;
++++++++}+else+if+(formatChar+===+'}'+&&+prevFormatChar+!==+'\\'+&&+startIndex+!==+-1)+{
++++++++++++endIndex+=+i;
++++++++++++finalString+%2B=+data[formatString.substring(startIndex%2B1,+endIndex)];
++++++++++++startIndex+=+-1;
++++++++++++endIndex+=+-1;
++++++++}+else+if+(startIndex+===+-1+&&+startIndex+===+-1){
++++++++++++if+(+(formatChar+!==+'\\'+&&+formatChar+!==+'#')+%7C%7C+(+(formatChar+===+'\\'+%7C%7C+formatChar+===+'#')+&&+prevFormatChar+===+'\\')+)+{
++++++++++++++++finalString+%2B=+formatChar;
++++++++++++}
++++++++}
++++}
++++return+finalString;
};|3210117|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I just wrote this hacky function to do this. Usage is as follows:

<pre><code>interpolate("#{gimme}, #{shelter}", {gimme:'hello', shelter:'world'})
// returns "hello, world"
</code></pre>

And the implementation:

<pre><code>interpolate = function(formatString, data) {
 var i, len,
 formatChar,
 prevFormatChar,
 prevPrevFormatChar;
 var prop, startIndex = -1, endIndex = -1,
 finalString = '';
 for (i = 0, len = formatString.length; i&lt;len; ++i) {
 formatChar = formatString[i];
 prevFormatChar = i===0 ? '\0' : formatString[i-1],
 prevPrevFormatChar = i&lt;2 ? '\0' : formatString[i-2];

 if (formatChar === '{' &amp;&amp; prevFormatChar === '#' &amp;&amp; prevPrevFormatChar !== '\\' ) {
 startIndex = i;
 } else if (formatChar === '}' &amp;&amp; prevFormatChar !== '\\' &amp;&amp; startIndex !== -1) {
 endIndex = i;
 finalString += data[formatString.substring(startIndex+1, endIndex)];
 startIndex = -1;
 endIndex = -1;
 } else if (startIndex === -1 &amp;&amp; startIndex === -1){
 if ( (formatChar !== '\\' &amp;&amp; formatChar !== '#') || ( (formatChar === '\\' || formatChar === '#') &amp;&amp; prevFormatChar === '\\') ) {
 finalString += formatChar;
 }
 }
 }
 return finalString;
};
</code></pre>

i am tired of writing this:

<blockquote>
 string_needed="prefix....." + topic + "suffix...." + name + "testing";
</blockquote>

i would think someone might have done something about this by now ;)

Anything similar in javascript to ruby's #{value} (string interpolation)

我厌倦了写这样的东西： string_needed=“前缀.....”+主题+“后缀....”+名称+“测试”；我想现在可能有人已经对此做了些什么了;)

问javascript中任何类似于ruby的#{value} (字符串插值)的东西
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript中任何类似于ruby的#{value} (字符串插值)的东西EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript中任何类似于ruby的#{value} (字符串插值)的东西
EN