Difference (if there is any) between ` and ' in javascript

javascript apostrophe
roscioli picture roscioli · Nov 12, 2015 · Viewed 15k times · Source

Recently ran into some JS code that uses ` and '. I can't figure out if there is a different use for each apostrophe. Is there any?

Answer

Alex Wayne picture Alex Wayne · Nov 12, 2015

' or " denotes a string

` denotes a template string. Template strings have some abilities that normal strings do not. Most importantly, you get interpolation:

var value = 123;
console.log('test ${value}') //=> test ${value}
console.log(`test ${value}`) //=> test 123

And multiline strings:

console.log('test
test')
// Syntax error

console.log(`test
test`)
// test
// test

They have some other tricks too, more on template strings here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings

Note they are not supported in all javascript engines at the moment. Which is why template strings are often used with a transpiler like Babel. which converts the code to something that will work in any JS interpreter.

Related questions

What is the correct way to support apostrophes in javascript when building up html?

i have the following code: var name = "Joe O'Neal"; var row= []; row.push( "<td><input type='hidden' name='milestones[" + id + "].Name' value='" + name + "' class='currentRowName' /> <span class='currentRowNameText'>" + name + "</span>&…

Read More
How can I remove a specific item from an array?

I have an array of numbers and I'm using the .push() method to add elements to it. Is there a simple way to remove a specific element from an array? I'm looking for the equivalent of something like: array.remove(…

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More