养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-14 22:35:10

写多行字符串有2个痛喘揲塾疖点,可读性与可复制粘贴性。传统方法往往2者不可兼得,尤其是后者,基本上每一种老的javascri禊诬娱飑pt多行字符串写法都无法直接大段复制粘贴。而es6新增的模板字符串方法,完美解决了这2个问题,下面介绍具体怎么用。

传统方式

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

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

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

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

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

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

es6的字符串模板方法

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

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

2、兼容情况如下,结论是ie11和以下的不兼容,chrome和罕铞泱殳chrome内核的国产pc浏览器几乎全部兼容(飧肇苡卫只要不是3年以上没更新版本的),安卓4.4以前的不兼容(现在应该很少了吧)。兼容性还是不错的,但是要面向ie用户和老旧安卓设备的话,就别用这个特性了。

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

3、至于用法就很简单了,除了'和",字符串引入了第三个符号`,就是tab键上方那个。`之间的字符串是可以随意换行的。

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

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

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

© 一点知识