javascript如何优雅地书写多行字符串

来源：互联网 2023-03-16 23:57:23 版权归原作者所有，如有侵权，请联系我们

写多行字符串有2个痛点，可读性与可复制粘贴性。传统方法往往2者不可兼得，尤其是后者，基本上每一种老的javascript多行字符串写法都无法直接大段复制粘贴。

而es6新增的模板字符串方法，完美解决了这2个问题，下面介绍具体怎么用。

传统方式

直接用加号拼接字符串是一种方法，可读性尚可，但是编辑较为麻烦，同时ide自带的格式整理可能无法用，因为一整理就全乱了。

javascript如何优雅地书写多行字符串？

可以在字符串内加空格来避免无法使用格式整理，但这样编辑起来仍很麻烦。。

javascript如何优雅地书写多行字符串？

这种比上面2种美观一些，也不会被ide整理整乱，可以直接复制过来代码然后在每行后面添加一个，操作相对更为简单。

javascript如何优雅地书写多行字符串？

3此文章非法爬取自百度经验

参考这篇经验查询该用法的兼容性，搜索"template"

2如何查询前端代码兼容性

javascript如何优雅地书写多行字符串？

兼容情况如下，结论是ie11和以下的不兼容，chrome和chrome内核的国产pc浏览器几乎全部兼容(只要不是3年以上没更新版本的)，安卓4.4以前的不兼容(现在应该很少了吧)。

兼容性还是不错的，但是要面向ie用户和老旧安卓设备的话，就别用这个特性了。

javascript如何优雅地书写多行字符串？

至于用法就很简单了，除了'和"，字符串引入了第三个符号`，就是tab键上方那个。

`之间的字符串是可以随意换行的。

javascript如何优雅地书写多行字符串？

在这种字符串之间，${}大括号内的部分，可以引用外界变量，也可以使用一个表达式，就像jsp那种写法一样。

javascript如何优雅地书写多行字符串？

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！