ES6<\/a> addition in Javascript, and they provide an elegant alternative to the traditional concatenations, especially when the values to be paired are complex.<\/p>\n\n\n\nConcatenation is an English word that means “to join.” In the context of JavaScript and other similar programming languages, it refers to joining two or more strings together.<\/p>\n\n\n\n
Before ES6, we had to use the plus sign (+) to concatenate strings. Template literals, however, provide a more modular and elegant way to achieve the same result.<\/p>\n\n\n\n
Let’s compare these two methods and see how template literals stand out.<\/p>\n\n\n\n
Example<\/p>\n\n\n\n
let name = 'Lawson Luke';\n\n\/\/with traditional concatenation\nconsole.log('My name is ' +name); \/\/My name is Lawson Luke\n\n\/\/with template literals\nconsole.log(`My name is ${name}`); \/\/My name is Lawson<\/code><\/pre>\n\n\n\n