double quotes vs single quote

Single quote ' and double " quotes are used to wrap strings. There is no real difference between them except that JSON doesn't accept the single quote.
Other than that, here is the list of advantages and disadvantages:
  • Single quote is more readable and looks better when representing an empty string. See '' in comparison to "".
  • In most keyboards, you might need to press extra key (Shift) to get the double quotes character
  • We don't have to escape if you write HTML in a string:
const div = '<div class="message">Hello</div>';
  • Double quotes are often used in other programming languages. So people will get used to it easily when switching to JavaScript.

Good practice

Choose and stick with one of single or double quotes. Using the same coding convention is very important, especially when you are working within a team.
Here is a list of preferences by different teams. They enfore the team using the same convention by using the ESLint rules.
Single quote
// ESLint rule
quotes: [ERROR, 'single', {...}],
Double quotes
// ESLint rule
"@typescript-eslint/quotes": ["error", "double", { ... }],

Tip

You can use the template literal syntax in ES6 to get rid of escaping quote. For example:
// Instead of
const message = 'It\'s a message';

// We can do this which is more convenient
const message = `It's a message`;
Hit the Subscribe button for the latest news on my tools. No spam. Ever!
© 2020 Nguyen Huu Phuoc. All rights reserved