JavaScript 是一门十分流行的语言，其不断地发展和演变使得它具备了更加强大和便利的特性。ES9 新特性中新增的 String.prototype. {trimStart, trimEnd} 方法可以提高字符串处理的效率，本文将详细介绍这一新特性，并给出实例代码。
前言
在日常的开发中，我们经常需要对字符串进行格式化、处理和清理等操作，比如在输入框中获取的字符串前后可能存在空格、换行符等不可见字符，这时我们需要把它们去掉。在之前的教程中已经介绍过 String.prototype.trim() 方法，可以去掉字符串的首尾空格，但是它遗漏了一些其他类型的空格和不可见符号。针对这种情况，ES9 新增的 trimStart 和 trimEnd 方法就派上用场了。
ES9 新特性 String.prototype.trimStart 和 String.prototype.trimEnd 方法
ES9 新特性 String.prototype.trimStart 和 String.prototype.trimEnd 方法分别表示截取字符串开头和结尾的空格，并返回一个新的字符串。这两个方法与 trim 方法不同的是，trim 只能移除字符串前后的空格。
const str = ' test ' console.log(`${str.trim()} is a test.`) // 'test is a test.' console.log(`${str.trimStart()} is a test.`) // 'test is a test.' console.log(`${str.trimEnd()} is a test.`) // ' test is a test.'
通过运行示例代码，你可以看到 trimStart 方法使我们可以去除字符串开头的空格，而 trimEnd 使我们可以去除字符串结尾的空格。这两个方法可以单独使用或者一起使用，以满足我们的不同需求。
内容深度
在了解该特性的基本使用方法后，可以进一步学习其深度内容。
Polyfill
虽然在 ES9 中已经加入了 string.prototype.trimStart 和 string.prototype.trimEnd方法，但我们需要考虑兼容性和在旧版本中使用其方法的情况。因此，我们要进行 Polyfill，以确保代码的正常运行。Polyfill 的原理是在代码中添加一个与原生方法相同的函数，当原生方法不可用时，这个函数将会被调用。
-- -------------------- ---- ------- -- ----------------------------- - -------------------------- - ---------- - ------ ---------------------- ---- - - -- --------------------------- - ------------------------ - ---------- - ------ ---------------------- ---- - -展开代码
多行字符串
在 ES6 中新增了模板字符串（template literals）的概念，我们可以在其间使用反引号 `，这样就可以方便地书写多行字符串，不需要使用 + 和 \n 来拼接字符串。
const string = `This is a multi-line string`
但是，这样写容易引入不可见的换行符 \n，导致多余的空行。ES9 的新特性 trimStart 和 trimEnd 方法能够很好地解决这个问题。
const string = ` This is a multi-line string. ` console.log(string.trimStart()) console.log(string.trimEnd())
通过运行示例代码，你可以看到 trimStart 和 trimEnd 方法能够自动去掉多余的空行，更好地保持多行字符串的格式。这样可以有效的减少代码中不必要的空行，提升代码的可读性。
指导意义
通过本文的介绍，我们可以发现，ES9 新特性 String.prototype. {trimStart, trimEnd} 方法不仅可以方便地去除字符串开头和结尾的空格，更可以应用于多行字符串的处理，使得代码更加简洁可读。当然，这项技术还需要我们在实践中不断学习和使用，才能更好的充分发挥其潜力，提升代码质量。
小结
本文主要介绍了 ES9 新增的 String.prototype.{trimStart, trimEnd} 方法，详细介绍了该技术的基本用法、Polyfill 的实现、多行字符串的处理，以及其在实践中的指导意义。对于前端开发人员来说，这项技术具有十分实用的特点，祝你在使用本技术时取得更多的进展！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67937b3b504e4ea9bd7bfcdd
