在前端开发中，我们经常会遇到处理字符串的情况，而字符串中有一些特殊字符，如换行符、制表符、双引号等等，可能会导致我们的字符串无法正常显示或者出现意外的错误。而 ES6 中新增的 String.raw 方法可以很好地解决这个问题。
String.raw 方法介绍
String.raw 方法是 ES6 中新增的一个静态方法，它可以用于获取一个模板字符串的原始字符串(raw string)，并且会忽略被反斜杠转义的字符。
------------------------- -- ---------------
在上面的例子中，我们使用了 String.raw 方法解决了换行符的问题。在普通的模板字符串中，\n 会被解析为一个换行符，而在使用 String.raw 方法后，\n 就会被看做普通的文本。
解决特殊字符的问题
除了换行符之外，使用 String.raw 方法还可以非常方便地解决其他特殊字符的问题。下面我们来一一介绍。
转义字符问题
在字符串中，我们常常需要使用反斜杠 \ 来转义一些特殊字符。但是，这也会导致一个问题，就是在普通的模板字符串中，反斜杠本身也需要转义，如下所示：
------------------------ -------------- -- ----------- -----------
上述例子中，我们在字符串中使用了反斜杠，为了让它正常显示，我们需要在它前面再加一个反斜杠，这样就需要写两个反斜杠，这样的代码看起来非常不美观。
而使用 String.raw 方法就能够优雅地解决这个问题：
--------------------------------- ------------- -- ----------- -----------
在上述例子中，我们使用 String.raw 方法，将反斜杠转义的字符都当做普通的文本处理了。
HTML 字符问题
在处理 HTML 字符串时，我们常常需要使用实体字符，如 、<、> 等。但是，这些实体字符在普通的模板字符串中，会被解析为对应的字符。
而使用 String.raw 方法就能够解决这个问题：
-------------------------------- -- --------
在上述例子中，我们使用 String.raw 方法，将 HTML 实体字符都当做普通的文本处理了。
Unicode 字符问题
在字符串中，我们还可能会使用一些 Unicode 字符，如 \uXXXX。在普通的模板字符串中，这些字符也会被解析为对应的 Unicode 字符。
使用 String.raw 方法也可以解决这个问题：
-------------------------------------------- -- -----
在上述例子中，我们使用 String.raw 方法，将 Unicode 字符都当做普通的文本处理了。
总结
String.raw 方法是 ES6 中一个非常实用的静态方法，它可以快速解决字符串中特殊字符的问题。在前端开发中，我们经常需要处理字符串，在面对一些特殊字符时，使用 String.raw 方法可以更加方便和优雅地解决问题。
希望本文对大家在前端开发中使用 String.raw 方法有所帮助，也欢迎大家多多探索，发现更多 ES6 的小技巧。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6517ba6c95b1f8cacdfe3558