What is the difference between console.log(x); AND console.log(`${x} : ${typeof x}`);

[Chris]

Hi there,

I create a thread because I feel confused about a JS notion. What is the difference between these two console commands?

Let's take an example:

let n1 = "123";

console.log(${n1} : ${typeof n1});
console.log(n1);

Is there any reason to use console.log(${n1} : ${typeof n1}); // -> 123 : number

To me, it makes things more difficult than they have to be.

 

[VBService]

Firstly, your code in that notation is correct

const n1 = "123";

console.log(`${n1} : ${typeof n1}`);
console.log(n1);

secondly, console.log shows

"123 : string"
"123"

alternative notation

const n1 = "123";

console.log(n1, typeof(n1));

BTW,
Template literals (Template strings)
Using the $ in Template Literals