How to call native es6 template string replacement from tag function?

by

You can (ab)use String.raw (the only built-in tag) for this purpose:

function doNothingTag() {
  arguments[0] = { raw: arguments[0] };
  return String.raw(...arguments);
}

// Or in a more modern style:
const doNothingTag = (strings, ...rest) => String.raw({ raw: strings }, ...rest);

doNothingTag`It ${true ? 'works!' : 'fails'}`
// "It works!"

doNothingTag`Even\nwith\nescape\nsequences!`
// "Even
// with
// escape
// sequences!"

This is essentially just tricking String.raw into thinking that the escape-interpreted string is the raw version.

More Related Contents:

  1. Backticks (`…`) calling a function in JavaScript
  2. Defer execution for ES6 Template Literals
  3. Can ES6 template literals be substituted at runtime (or reused)?
  4. Is there a downside to using ES6 template literals syntax without a templated expression?
  5. What does this `…${…}…` code in the node docs mean? [duplicate]
  6. Template literals syntax is not working in IE11
  7. What is the purpose of template literals (backticks) following a function in ES6?
  8. Wrap long template literal line to multiline without creating a new line in the string
  9. Unexpected comma using map()
  10. Are ‘Arrow Functions’ and ‘Functions’ equivalent / interchangeable?
  11. What do multiple arrow functions mean in JavaScript?
  12. Map vs Object in JavaScript
  13. Create object from class name in JavasScript ECMAScript 6
  14. How to destructure object properties with key names that are invalid variable names?
  15. React Native: require() with Dynamic String?
  16. Create an instance of a class in ES6 with a dynamic name? [duplicate]
  17. Destructuring and rename property
  18. How do I persist a ES6 Map in localstorage (or elsewhere)?
  19. Active link with React-Router?
  20. Webpack babel 6 ES6 decorators
  21. javascript import from ‘/folder’ with index.js
  22. How to test if an object is a Proxy?
  23. Chrome console already declared variables throw undefined reference errors for let
  24. Template literals like ‘some ${string}’ or “some ${string}” are not working
  25. What are the advantages/disadvantages for creating a top level function in ES6 with arrows or without?
  26. How to delete property from spread operator?
  27. ES2017 – Async vs. Yield
  28. Re-export default in ES 6 modules
  29. gulp babel, exports is not defined
  30. Why will ES6 WeakMap’s not be enumerable?

Leave a Comment