blocks|key|538261|text|通过Node.js+v4，您可以使用ES6的Template+strings|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|538262|var+my_name+=+'John';
var+s+=+`hello+${my_name},+how+are+you+doing`;
console.log(s);+//+prints+hello+John,+how+are+you+doing|code-block|syntax|javascript|538263|您需要将字符串放在反引号`中，而不是'中|538264|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings^0|A|2|M|G|0|0|0|C|1|I|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<p>With Node.js <code>v4</code> , you can use ES6's <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings">Template strings</a></p>

<pre><code>var my_name = 'John';
var s = `hello ${my_name}, how are you doing`;
console.log(s); // prints hello John, how are you doing
</code></pre>

<p>You need to wrap string within backtick <code>`</code>
 instead of <code>'</code></p>


blocks|key|754828|text|如果您使用的是ES6，则应使用模板文字。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|754829|//you+can+do+this
let+sentence+=+`My+name+is+${+user.name+}.+Nice+to+meet+you.`|code-block|syntax|javascript|754830|点击此处阅读更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals|offset|length|754831|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals^0|0|0|B|2B|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 are using ES6, the you should use the Template literals.</p>

<pre><code>//you can do this
let sentence = `My name is ${ user.name }. Nice to meet you.`
</code></pre>

<p>read more here:
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals</a></p>


blocks|key|754733|text|util.format可以做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|754734|它将成为v0.5.3的一部分，可以像这样使用：|754735|var+uri+=+util.format('http%25s://%25s%25s',+
++++++(useSSL?'s':''),+apiBase,+path%7C%7C'/');|code-block|syntax|javascript|754736|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/joyent/node/commit/874260b40fefc03aec7638a736b004b3ca0c23f3#lib/util.js|1|https://github.com/joyent/node/zipball/v0.5.3^0|0|B|0|0|4|6|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

<p><a href="https://github.com/joyent/node/commit/874260b40fefc03aec7638a736b004b3ca0c23f3#lib/util.js" rel="noreferrer">util.format</a> does this. </p>

<p>It will be part of <a href="https://github.com/joyent/node/zipball/v0.5.3" rel="noreferrer">v0.5.3</a> and can be used like this:</p>

<pre><code>var uri = util.format('http%s://%s%s', 
      (useSSL?'s':''), apiBase, path||'/');
</code></pre>


blocks|key|537960|text|执行此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|537961|s+=+'hello+'+%2B+my_name+%2B+',+how+are+you+doing'|code-block|syntax|javascript|537962|更新|537963|使用ES6，您还可以这样做：|537964|s+=+`hello+${my_name},+how+are+you+doing`|537965|entityMap^0|0|0|0|0|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|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Do that:</p>
<pre><code>s = 'hello ' + my_name + ', how are you doing'
</code></pre>
<h2>Update</h2>
<p>With ES6, you could also do this:</p>
<pre><code>s = `hello ${my_name}, how are you doing`
</code></pre>


blocks|key|754582|text|扩展String.prototype或使用ES2015+template+literals的几种方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|754583|​|754584|var+result+=+document.querySelector('#result');
//+-----------------------------------------------------------------------------------
//+Classic
String.prototype.format+=+String.prototype.format+%7C%7C
++function+()+{
++++var+args+=+Array.prototype.slice.call(arguments);
++++var+replacer+=+function+(a){return+args[a.substr(1)-1];};
++++return+this.replace(/(\$\d%2B)/gm,+replacer)
};
result.textContent+=+
++'hello+$1,+$2'.format('[world]',+'[how+are+you?]');

//+ES2015#1
'use+strict'
String.prototype.format2+=+String.prototype.format2+%7C%7C
++function(...merge)+{+return+this.replace(/\$\d%2B/g,+r+=>+merge[r.slice(1)-1]);+};
result.textContent+%2B=+'\nHi+there+$1,+$2'.format2('[sir]',+'[I\'m+fine,+thnx]');

//+ES2015#2:+template+literal
var+merge+=+['[good]',+'[know]'];
result.textContent+%2B=+`\nOk,+${merge[0]}+to+${merge[1]}`;|code-block|syntax|javascript|754585|<pre+id="result"></pre>|754586|754587|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals^0|2|G|S|H|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]]]

<p>A few ways to extend <code>String.prototype</code>, or use ES2015 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals" rel="nofollow">template literals</a>.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var result = document.querySelector('#result');
// -----------------------------------------------------------------------------------
// Classic
String.prototype.format = String.prototype.format ||
  function () {
    var args = Array.prototype.slice.call(arguments);
    var replacer = function (a){return args[a.substr(1)-1];};
    return this.replace(/(\$\d+)/gm, replacer)
};
result.textContent = 
  'hello $1, $2'.format('[world]', '[how are you?]');

// ES2015#1
'use strict'
String.prototype.format2 = String.prototype.format2 ||
  function(...merge) { return this.replace(/\$\d+/g, r =&gt; merge[r.slice(1)-1]); };
result.textContent += '\nHi there $1, $2'.format2('[sir]', '[I\'m fine, thnx]');

// ES2015#2: template literal
var merge = ['[good]', '[know]'];
result.textContent += `\nOk, ${merge[0]} to ${merge[1]}`;</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;pre id="result"&gt;&lt;/pre&gt;</code></pre>
</div>
</div>
</p>


blocks|key|754532|text|尝试sprintf+in+JS，或者您可以使用此gist|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|754533|entityMap|0|LINK|mutability|MUTABLE|url|http://www.diveintojavascript.com/projects/javascript-sprintf|1|https://gist.github.com/1138843/a30bb8009a7a2a24ddcaf19c44d0f983d50613c7^0|2|D|0|O|4|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

<p>Try <a href="http://www.diveintojavascript.com/projects/javascript-sprintf" rel="nofollow">sprintf in JS</a>
 or you could use this <a href="https://gist.github.com/1138843/a30bb8009a7a2a24ddcaf19c44d0f983d50613c7" rel="nofollow">gist</a></p>


blocks|key|538132|text|如果您使用的是node.js，console.log()会将格式字符串作为第一个参数：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|538133|+console.log('count:+%25d',+count);|code-block|syntax|javascript|538134|entityMap|0|LINK|mutability|MUTABLE|url|http://nodejs.org/docs/v0.5.9/api/all.html#console.log^0|F|D|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>If you are using node.js, <a href="http://nodejs.org/docs/v0.5.9/api/all.html#console.log" rel="nofollow">console.log()</a> takes format string as a first parameter:</p>

<pre><code> console.log('count: %d', count);
</code></pre>


blocks|key|538274|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|538275|const+format+=+(...args)+=>+args.shift().replace(/%25([jsd])/g,+x+=>+x+===+'%25j'+?+JSON.stringify(args.shift())+:+args.shift())

const+name+=+'Csaba'
const+formatted+=+format('Hi+%25s,+today+is+%25s+and+your+data+is+%25j',+name,+Date(),+{data:+{country:+'Hungary',+city:+'Budapest'}})

console.log(formatted)|code-block|syntax|javascript|538276|538277|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<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>const format = (...args) =&gt; args.shift().replace(/%([jsd])/g, x =&gt; x === '%j' ? JSON.stringify(args.shift()) : args.shift())

const name = 'Csaba'
const formatted = format('Hi %s, today is %s and your data is %j', name, Date(), {data: {country: 'Hungary', city: 'Budapest'}})

console.log(formatted)</code></pre>
</div>
</div>
</p>


blocks|key|537983|text|var+user+=+"your+name";
var+s+=+'hello+'+%2B+user+%2B+',+how+are+you+doing';|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|537984|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var user = "your name";
var s = 'hello ' + user + ', how are you doing';
</code></pre>


blocks|key|538338|text|var+print+=+console.log;

function+dformat(str,+...arr)+{
++return+str.replace(/%25(\d%2B)/g,+function(_,i)+{
++++return+arr[--i];
++});
}

function+wformat(str,+dict)+{
++return+str.replace(/%25(\w%2B)/g,+function(_,k)+{
++++return+dict[k];
++});
}

function+sformat(str,+dict)+{
++return+str.replace(/\$(\w%2B)/g,+function(_,m)+{
++++return+dict[m];
++});
}

function+tformat(str,+dict)+{
++return+str.replace(/\${(\w%2B)}/g,+function(_,m)+{
++++return+dict[m];
++});
}

print(1,+dformat("uid:%251,+name:%252",+120,+"someone")+)
print(2,+wformat("color:+%25name",+{name:+"green"})+++)
print(3,+sformat("img:+$url",+{url:+"#"})+++)
print(4,+tformat("${left}+${right}",+{right:"1000",+left:+"7fff"})+)|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|538339|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var print = console.log;

function dformat(str, ...arr) {
  return str.replace(/%(\d+)/g, function(_,i) {
    return arr[--i];
  });
}

function wformat(str, dict) {
  return str.replace(/%(\w+)/g, function(_,k) {
    return dict[k];
  });
}

function sformat(str, dict) {
  return str.replace(/\$(\w+)/g, function(_,m) {
    return dict[m];
  });
}

function tformat(str, dict) {
  return str.replace(/\${(\w+)}/g, function(_,m) {
    return dict[m];
  });
}

print(1, dformat(&quot;uid:%1, name:%2&quot;, 120, &quot;someone&quot;) )
print(2, wformat(&quot;color: %name&quot;, {name: &quot;green&quot;})   )
print(3, sformat(&quot;img: $url&quot;, {url: &quot;#&quot;})   )
print(4, tformat(&quot;${left} ${right}&quot;, {right:&quot;1000&quot;, left: &quot;7fff&quot;}) )
</code></pre>


<pre><code>s = 'hello %s, how are you doing' % (my_name)
</code></pre>

<p>That's how you do it in python. How can you do that in javascript/node.js?</p>


How do I put variables inside javascript strings?

JSON

s = 'hello %s, how are you doing' % (my_name)这就是在python中实现的方法。如何在javascript/node.js中做到这一点呢？

问如何将变量放入javascript字符串中？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将变量放入javascript字符串中？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将变量放入javascript字符串中？
EN