ECMAScript 2017 (ES8) 是 JavaScript 的最新版本，不仅增加了新的特性，还对之前的特性进行了改进。其中，字符串的改进是 ES8 中引入的一些新特性之一。本文将会详细介绍 ES8 有关字符串的改进及应用，为你进一步学习 JavaScript 带来指导意义。
字符串模板增强
在 ES6 中，字符串模板的引入大大简化了字符串的拼接操作，示例如下：
const greeting = `Hello, ${name}!`;
而 ES8 中增加了更加丰富的字符串模板语法。我们可以用 ${tag value} 的方式传递一个值到自定义标签函数中，然后可以自由地操作这个值并返回计算结果。同时我们可以通过定制标签函数来提供高级的字符串处理能力。下面是一个简单的例子：
-- -------------------- ---- ------- -------- ----------------- ---------- - --- ------ - --- --- ---- - - -- - - --------------- ---- - -- -- - -- - -- ------- -------- - -- --- --------- - ------ -- ------------ - ---------------- - ---- - ------ -- -------- - --- - - ------ -- ----------- - ------ ------- - ----- ----- - ----- ----- -------- - -- ----- ----- - ------ ------------------------ ----- ----- --- ---------- ----------- ----- -- ------- - ---------- --- ---- -- ------- ------------ -- --- ----- ----- --- ---------- - ----- -- ------- --- ---- -- ------- -------展开代码
在上面的例子中，我们定义了一个自定义标签函数 currency，并用它来处理字符串模板中的变量值。运用 ES8 的字符串模板增强功能，我们可以更加灵活地处理字符串模板。
字符串函数增强
ES8 还增加了一些新的字符串函数和对原有字符串函数的增强。下面介绍一些常用的字符串函数增强：
padStart 和 padEnd
padStart 和 padEnd 可以在字符串的开头或结尾填充一定数量的字符。使用这两个函数，我们可以很方便地实现在输出固定宽度的日历等场景。示例如下：
const date = new Date(); const year = String(date.getFullYear()); const month = String(date.getMonth() + 1).padStart(2, '0'); const day = String(date.getDate()).padStart(2, '0'); console.log(`${year}-${month}-${day}`); // 输出：2022-07-25
在上面的代码中，我们使用 padStart 函数将 month 和 day 字符串填充到两位。
trimStart 和 trimEnd
ES8 中也加入了 trimStart 和 trimEnd 函数，用来去除字符串首尾的空白字符。示例如下：
const str = " Hello, World! "; console.log(str.trimStart()); // 输出："Hello, World! " console.log(str.trimEnd()); // 输出：" Hello, World!"
在上面的代码中，我们使用了 trimStart 和 trimEnd 函数，分别去除了字符串 str 两端的空白字符。
repeat
使用 repeat 函数可以将一个字符串重复多次。示例如下：
const str = "Hello, World!"; console.log(str.repeat(3)); // 输出："Hello, World!Hello, World!Hello, World!"
在上面的代码中，我们使用了 repeat 函数将字符串 str 重复输出了三遍。
结语
本文介绍了 ES8 有关字符串的改进及应用。通过学习这些字符串的新特性及增强，我们可以更加便捷地处理字符串，提高JavaScript 代码的效率。希望本文能够帮助到您，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6780a4ecce7f486125439133
