📝 Single Quotes vs Double Quotes vs Template Literals in JavaScript

In JavaScript, you can define strings using:

• Single quotes '...'

• Double quotes "..."

• Template literals ...

All of them create strings—but how and when you use them can make your code cleaner and easier to manage.

---

✅ 1. Single Quotes '...'

Use when: You prefer a clean look and want to avoid escaping double quotes.

const language = 'JavaScript';
console.log(language); 
// Output: JavaScript

const quote = 'He said, "Learn JS!"';
console.log(quote); 
// Output: He said, "Learn JS!"

---

✅ 2. Double Quotes "..."

Use when: Your string contains single quotes or apostrophes.

const phrase = "It's a great day!";
console.log(phrase); 
// Output: It's a great day!

---

⚠️ What Does “Escape” Mean?

To escape a character means to tell JavaScript to treat a special character like a normal character, not as code syntax.

This is done using a backslash \, also called an escape character.

For example:

• ' ends a single-quoted string

• To include ' inside a single-quoted string, you must escape it: \'

---

🧪 Escaping Characters

🔹 Escaping single quotes inside single-quoted strings:

const singleEscaped = 'It\'s a good day.';
console.log(singleEscaped); 
// Output: It's a good day.

🔹 Escaping double quotes inside double-quoted strings:

const doubleEscaped = "He said, \"Wow!\"";
console.log(doubleEscaped); 
// Output: He said, "Wow!"

❌ If you forget to escape:

// const error = 'It's broken'; 
// SyntaxError: Unexpected token 's'

---

✅ 3. Template Literals ...

Use when: You want to embed variables or create multi-line strings.

const name = 'Pushpesh';
const greeting = `Hello, ${name}!`;
console.log(greeting); 
// Output: Hello, Pushpesh!

🔹 Multi-line string (no need for \n or concatenation):

const multiLine = `This is line one
This is line two`;
console.log(multiLine); 
// Output:
// This is line one
// This is line two

🔹 No escaping needed for quotes:

const mixedQuotes = `She said, "It's awesome!"`;
console.log(mixedQuotes); 
// Output: She said, "It's awesome!"

---

🧠 Quick Comparison