在 JavaScript 的漫长历史中，字符串格式化一直是一个棘手的问题。 在 ES6 中，引入了一些字符串格式化方法，如模板字面量，给前端开发带来了很多便利。而在 ES7 中，String.prototype.trimStart 和 String.prototype.trimEnd 方法的出现，使得字符串的处理更加灵活。
1. String.prototype.trimStart 和 String.prototype.trimEnd 方法简介
这两个方法是 ES7 新增的原生字符串方法。它们的作用分别是：
trimStart(): 去掉字符串开始部分的所有空格。trimEnd(): 去掉字符串结尾部分的所有空格。
在像使用 trim() 方法去掉开头和结尾的空格的情况下，可以使用 trimStart() 和 trimEnd() 来做到更精细的控制。
通过这两个方法，我们可以更好地处理字符串的格式化，提高代码的可读性和可维护性。
2. String.prototype.trimStart 和 String.prototype.trimEnd 方法的使用详解
这两个方法很容易理解，它们的接收没有任何参数，只是去掉字符串开始或者结尾的所有空格。我们可以通过以下代码来演示它们的效果。
const str = " Hello World! "; console.log(str.trimStart()); // "Hello World! " console.log(str.trimEnd()); // " Hello World!"
在这里，我们创建了一个包含开头和结尾空格的字符串，然后使用 trimStart() 和 trimEnd() 去掉了它们，最终得到了两个新的字符串。
这两个方法同样可以应用在模板字面量中，在字符串格式化过程中很有用。
const name = 'JavaScript';
const greeting = `Hi, ${name.trimStart()}! Welcome to the world of ${'. '.trimEnd()} Web Development!`;
console.log(greeting); // "Hi, JavaScript! Welcome to the world of Web Development!"这里我们使用了 trimStart() 和 trimEnd() 去掉了字符串中的空格，从而增强了可读性。
3. 进一步思考
除了 trimStart() 和 trimEnd()，ES7/ES8/ES9 对字符串的处理方法还有很多其他的改进，如 includes()、startsWith()、endsWith() 等。这些方法都是为了让开发者更好地处理字符串，提高代码的质量和效率。
值得注意的是，这些方法不仅可以应用在字符串中，在处理数值、数组等数据类型时也非常有用。
在日常工作中，我们需要注意这些新特性。其中很多方法在代码中的应用和优化会非常有实用性和深度，甚至可以改变我们代码的风格和效率。
4. 总结
在本次文章中，我们介绍了 ES7 的 String.prototype.trimStart 和 String.prototype.trimEnd 方法的基本说明，以及它们的使用方法和相关示例。一个好的开发者需要对新特性和新语法保持关注和学习，并且可以灵活运用于工作中。相信这些方法对日常工作会有不小的帮助。
参考文献：
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6502f02b95b1f8cacd01b268