Require template literals instead of string concatenation JS-0246
Anti-pattern
Minor
5 months ago
—
5 months old
Unexpected string concatenation
99 this.post = response.data.post;
100 })
101 .catch(error => {
102 console.log('Error: ' + error);103 });
104 },
105 showDeleteDialog(id) {Unexpected string concatenation
92 this.queryParams = response.data.query;
93 })
94 .catch(error => {
95 console.log('Error: ' + error); 96 });
97 },
98 showDeleteDialog(id) {Unexpected string concatenation
22 this.actions = response.data;
23 })
24 .catch(error => {
25 console.log('Error: ' + error);26 });
27 }
28 }
Description
In ES2015 (ES6), we can use template literals instead of string concatenation.
var str = `Hello, ${name}!`;
Bad Practice
var str = "Hello, " + name + "!";
var str = "Time: " + (12 * 60 * 60 * 1000);
Recommended
var str = "Hello World!";
var str = `Hello, ${name}!`;
var str = `Time: ${12 * 60 * 60 * 1000}`;
var str = "Hello, " + "World!";