JS Dynamic Template Strings

dynamic-template-strings.js

// --------------------------------
// Simple dynamic template string

const fillTemplate = function(templateString, templateVars){
  return new Function('return `' + templateString + '`;').call(templateVars);
}

const templateString = "Hello ${this.name}!";
const templateVars = { name: 'world' }
fillTemplate(templateString, templateVars) //?

// --------------------------------
// Lanuage based routes

const languageState = () => {
  let lang = 'en';
  return {
    get() { return lang },
    set(newLang) { lang = newLang }
  }
}

const routeTemplate = function(templateString, routeParam){
  const lang = currentLanguage.get()
  const route = lang === 'fr' ? `${routeParam}-fr` : routeParam
  return new Function('return `' + templateString + '`;').call({ route });
}

const currentLanguage = languageState();

routeTemplate('/${this.route}/all', 'base') //?

currentLanguage.set('fr')
routeTemplate('/${this.route}/all', 'base') //?

currentLanguage.set('en')
routeTemplate('/${this.route}/all', 'base') //?