How to interpolate a tagged template string with a dynamic value?

Question

I would like to interpolate a template string (defined elsewhere):

const url = `www.example.com/${query}/current.json`;

with a dynamic value (for example, "es6") into this:

"www.example.com/es6/current.json"

For example, if i had something like this:

function makeRequest(url, query){
  // how do I generate my final url, here from the url and query?
}

// somehwere else:
makeRequest(url, query)

Is tagged template strings and a tag function the way to go? I've seen many different examples but none that fit this particular situation.

you just have to put $ before {}`\`www.example.com/${query}/current.json\`;` — Maciej Kozieja, Feb 25 '17 at 13:17
What do you mean by "defined elsewhere"? You might confuse [*template literals* with templates](http://stackoverflow.com/a/29771751/1048572) — Bergi, Feb 25 '17 at 13:25

score 4 · Accepted Answer · answered Feb 25 '17 at 13:24

4

This is exactly the reason functions were invented!

const dynamicUrl = query => `www.example.com/${query}/current.json`

console.log(dynamicUrl('es6')) //=> 'www.example.com/es6/current.json'

answered Feb 25 '17 at 13:24

gyre

1

@zok Don't forget to `encodeURIComponent(query)` or make sure `query` is URL-safe. – loganfsmyth Feb 25 '17 at 22:39

1 Answers1