ES6 implements features which use a more expressive closure syntax and more intuitive expression interpolation that can shorten your functions.
Consider this function.
function sayHello(name) {
return 'Hello, ' + name + '.';
}
Using template literals string interpolation, we can re-write the function like so.
functon sayHello(name) {
return `Hello, ${name}.`;
}
Notice the backticks instead of quotes around the string.
We can further shorten it using arrow functions.
var sayHello = name => `Hello, ${name}.`;
Using this syntax, the function is shortened drastically, without losing any code clarity.
The function above looks nice, but there’s one last change I would personally make to make the code even easier to reason about.
const sayHello = name => `Hello, ${name}.`;
I swapped var
for const
. Constants cannot be re-assigned, so this function will always do the same thing no matter when it’s called during run-time.