javascript console.log('test: %s', 変数)が文字列出力される

Question

実行環境：JSFiddle

質問
console.log('test: %s', 変数)で変数を展開して文字列で出力したいのですが
文字列で出力されます。
どのように修正が必要か教えていただきたく・・・
(vueというかｊｓの表記だと思うのですが・・)

JSfiddle側のコンソールには
"new:%s"
のように、変数が展開されずに出力されます

new Vue({
  el: "#app",
  data: {
  	message: 'Hello'
    },
  watch:{
  	message: function(newValue, oldValue) {
    	console.log('new:%s', newValue)
      console.log('aaa %s ',this.message)
    }
  }
})

<div id="app">
<p>
{{ message }}
</p>
<p>
<input type="text" v-model:value="message">
</p>
<pre>{{ $data }}</pre>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

Comments

[kei344]

「文字列で出力したいのですが」「文字列で出力されます」文字列で出力されているからよいのでは。具体的にどのような出力を期待して、どのような状況になっているのかを提示されたほうが良いと思います。
また、JSFiddleにconsoleが付きましたが、それについてのことでしょうか。ブラウザのconsoleでしょうか。

[Lhankor_Mhy]

「文字列で出力したいのですが文字列で出力されます」とのことですが、「文字列で出力されません」ということでしょうか？

Answer 1

JSfiddle側のコンソールには

対応していないだけなのでは。
（そもそもブラウザのコンソールに出なくなるので私はOFFにしています）

Answer 2

文字列内で変数展開をしたいのであれば、テンプレートリテラルを使うといいでしょう。
テンプレート文字列 - JavaScript | MDN

Comments

[kei344]

ブラウザのコンソールなら質問分のような使い方ができるはずなので、そのことかと思いました。

【console.log() いろいろ - Qiita】
https://qiita.com/RMEL/items/5c5b786603ed578b7fbb

[Lhankor_Mhy]

知りませんでした、ありがとうございます。

https://developer.mozilla.org/ja/docs/Web/API/console#Using_string_substitutions