Trying to use Tagged template strings gives 'Uncaught SyntaxError: Unexpected token'

Question

I'm using tagged template strings in following code

var a = 5;
var b = 10;
var pp="";
function tag(strings, ...values) {
  pp+=strings[0]; // "Hello "
  pp+=strings[1]; // " world "
  pp+=values[0];  // 15
  pp+=values[1];  // 50

  console.log(pp+"Bazinga!");
}

tag`Hello ${ a + b } world ${ a * b}`;

but it gives

Uncaught SyntaxError: Unexpected token ...(…)

On function tag(strings, ...values) {

Are you using a transpiler? Do template strings work in your environment without tags? — Bergi
– Bergi, Commented Oct 14, 2015 at 12:46
Chrome doesn't support rest parameters yet: kangax.github.io/compat-table/es6/#test-rest_parameters — Andreas
– Andreas, Commented Oct 14, 2015 at 12:53

Community · Accepted Answer · 2017-05-23 12:00:40Z

4

As the syntax error Unexpected token ... tells you, not the tag is the problem, but the usage of the rest operator. Try the following:

var a = 5,
    b = 10;
function tag(strings) {
  var pp="";
  pp+=strings[0]; // "Hello "
  pp+=strings[1]; // " world "
  pp+=arguments[1];  // 15
  pp+=arguments[2];  // 50

  return pp+"Bazinga!";
}

console.log(tag`Hello ${ a + b } world ${ a * b}`);

According to the ES6 compatibility table, you need to enable rest syntax via the harmony flag in the current Chrome.

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Oct 14, 2015 at 12:54

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

2 Comments

Akhilesh Kumar Over a year ago

Cool, it worked but didn't got how to enable rest syntax

Andreas Over a year ago

@AkhileshKumar Put this link in the address bar and activate the highlighted option: chrome://flags/#enable-javascript-harmony

Collectives™ on Stack Overflow

Trying to use Tagged template strings gives 'Uncaught SyntaxError: Unexpected token'

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related