09 - Template Strings

Section 09: Template Strings

• The Template Strings
• [Exercise] Template Strings in Practice
• [Exercise] Name Helpers

The Template Strings

function getMessage() {
  const year = new Data().getFullYear();

  return `The year is ${year}.`;
}

getMessage();

The template strings use back-ticks symbol rather than the single or double quotes we're used to with regular strings. We can use template strings whenever we're using strings where we have to mix tons of different variables

[ ↥ Back To Top ]

[Exercise] Template Strings in Practice

Question

Refactor the function to use template strings

function doubleMessage(number) {
  return "Your number doubled is " + (2 * number);
}

Solution

function doubleMessage(number) {
  return `Your number doubled is ${2 * number}`;
}

[ ↥ Back To Top ]

[Exercise] Name Helpers

Question

Refactor the function to use template strings.

function fullName(firstName, lastName) {
  return firstName + lastName;
}

Solution

function fullName(firstName, lastName) {
  return `${firstName} ${lastName}`;
}

[ ↥ Back To Top ]