ES6 的模板字符串在 JavaScript 中的重要性是什么?
javascriptobject oriented programmingfront end technology
ES6 的模板字符串是一种组合字符串的新方法。我们已经有了诸如 join()、concat() 等方法来组合字符串,但 模板字符串 方法是最复杂的,因为它更可读,没有反斜杠来转义引号,也没有更多混乱的加号运算符。
使用 concat() 和 join()
示例
在下面的示例中,join() 和 concat() 方法用于组合字符串。如果我们仔细观察,代码看起来非常混乱。
<html> <body> <script> const platform = 'Tutorix'; const joinMethod = ['The', 'best', 'e-learning', 'platform', 'is', platform].join(' '); document.write(joinMethod); document.write("</br>"); const concatMethod = " ".concat('The ', 'best ', 'e-learning ', 'platform ', 'is ', platform); document.write(concatMethod); </script> </body> </html>
输出
The best e-learning platform is Tutorix The best e-learning platform is Tutorix
使用 ES6 的模板字符串
示例
在下面的示例中,模板字符串方法用于组合字符串。如果我们将此方法与其他方法进行比较,则此方法中的代码非常简洁且可读。
<html> <body> <script> const platform = 'Tutorix'; const templateString = `The best e-learning platform is ${platform}`; document.write(templateString); </script> </body> </html>
输出
The best e-learning platform is Tutorix