Making string concatination readable in JavaScript original

by Freek Van der Herten – 1 minute read

At Laracon EU Frank De Jonge gave a talk on modern JavaScript development. It struck a cord with me. On a project I'm currently working on I'm learning a bit of React and using some of these neat new JavaScript features.

One of those features is called template strings. It allows you do make string readable in somewhat the same way this can be done in php. In the past you probably have concatinated your strings like this:

let logMessage = 'A ' + user.type + ' with e-mailaddress ' + user.email + ' has performed ' + action + ' on ' + subject + '.',

In the latest version of JavaScript you can write that statement like this:

let logMessage = `A ${user.type} with e-mailaddress ${user.email} has performed ${action} on ${subject}.`

To my eyes this is much more readable. Just remember to use the backticks instead of quotes. There's a lot more to know about template strings. Here's an excellent article on the subject.

Join 9,500+ smart developers

Get my monthly newsletter with what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.

No spam. Unsubscribe anytime. You can also follow me on X.

Found something interesting to share? Submit a link to the community section.