Javascript function parameter in a Template Literal string issue

Question

Im learning javascript using webtools of essential webbrowsers (toolset with F12). here is a show up example

function sayHello(n){
document.writeln($`Hello {n}`);
}
sayHello("Andy Anderson");
//undefined appears as a result.

I expected result as "Hello Andy Anderson" but I got an undefined

I know your learning so just an FYI, but document.write is something you'd avoid in production-ready JS code. You might be interested in looking into console.log while you're learning, or alternatively the DOM APIs for manipulation like .appendChild. — loganfsmyth
– loganfsmyth, Commented Jan 12, 2018 at 22:24

score 3 · Accepted Answer · 2018-01-12 22:21:23Z

3

Dollar sign placement is odd. It should be in the string.

document.writeln(`Hello ${n}`);

The reason you didn't get an error was that the $ is likely defined as a function in your environment, so it was used as a "tag" for the template literal.

edited Jan 12, 2018 at 22:21

answered Jan 12, 2018 at 22:17

user8897421

Sign up to request clarification or add additional context in comments.

1 Comment

Fables Alive Over a year ago

oh! I thought if usage is similar to C#.

Sébastien · Accepted Answer · 2018-01-12 22:45:12Z

2

The dollar sign comes before the opening curly brace:

document.writeln(`Hello ${n}`);

function sayHello(n){
    document.writeln(`Hello ${n}`);
}
sayHello("Andy Anderson");

edited Jan 12, 2018 at 22:45

answered Jan 12, 2018 at 22:17

Sébastien

12.1k12 gold badges60 silver badges83 bronze badges

1 Comment

cHao Over a year ago

I'd suggest fixing or eliminating that comment at the end, since it clearly no longer applies. :)

Collectives™ on Stack Overflow

Javascript function parameter in a Template Literal string issue

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related