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

相关文章