相关文章推荐
小胡子的火锅  ·  Android ...·  2 月前    · 
纯真的冲锋衣  ·  数据争用(data race) ...·  2 月前    · 
玩手机的饭卡  ·  Scala字符串输入和输出_scala ...·  1 月前    · 
高兴的蚂蚁  ·  MATLAB中的“内存不足”?使用此技巧可轻 ...·  1 月前    · 
强悍的柚子  ·  Qt:QVariant/json/数据库对象 ...·  1 月前    · 
活泼的高山  ·  小孩开大车·  7 月前    · 
睿智的海龟  ·  年轻人的第一台GT跑车?哪吒GT ...·  1 年前    · 
面冷心慈的汉堡包  ·  绝色通灵师 - 抖音·  1 年前    · 
健壮的大象  ·  吴忠:加强基层党建 助力乡村振兴-宁夏新闻网·  1 年前    · 
强健的回锅肉  ·  科學Online·  1 年前    · 
Code  ›  JS的字符串插值,变量长文本换行开发者社区
js js代码 变量
https://cloud.tencent.com/developer/article/1556294
小眼睛的仙人球
1 年前
作者头像
宣言言言
0 篇文章

JS的字符串插值,变量长文本换行

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 宣言(Siam)博客 > JS的字符串插值,变量长文本换行

JS的字符串插值,变量长文本换行

作者头像
宣言言言
发布 于 2019-12-19 13:56:28
3.2K 0
发布 于 2019-12-19 13:56:28
举报

苦逼的PHPer要写前端

作为一个PHPer,经常需要在html中写js jq来解析数据,形成列表、选项等等。

(谁让我们PHPer还要兼顾页面呢?? 又不会Vue,只能这样子讨讨生活。)

那么就经常遇到Html代码拼接,或者字符串拼接,可能是这样子的问题

let html = "";
for(...){
    html += "<li> " + data.name + "</li>";
}

这种还是简单的,只有一个li,如果是2层、3层的div嵌套,那么这里就会是一团糟糕

有没有优雅一点的写法呢,比如php中的

$text = <<<xml
>>>

字符串插值特性

一些语言提供了字符串插值,幸运的是,JavaScript 正是其中之一。

let name = 'siam';
 
推荐文章
小胡子的火锅  ·  Android kotlin怎么判断对象不为null kotlin非空判断_小鱼儿的技术博客_
2 月前
纯真的冲锋衣  ·  数据争用(data race) 和竞态条件(race condition)
2 月前
玩手机的饭卡  ·  Scala字符串输入和输出_scala println 占位符
1 月前
高兴的蚂蚁  ·  MATLAB中的“内存不足”?使用此技巧可轻松将内存使用量减半 - 哈哈哈来了啊啊啊
1 月前
强悍的柚子  ·  Qt:QVariant/json/数据库对象关系映射_qt中从数据库中查找信息存到对象中去
1 月前
活泼的高山  ·  小孩开大车
7 月前
睿智的海龟  ·  年轻人的第一台GT跑车?哪吒GT 17.88万元起售_搜狐汽车_搜狐网
1 年前
面冷心慈的汉堡包  ·  绝色通灵师 - 抖音
1 年前
健壮的大象  ·  吴忠:加强基层党建 助力乡村振兴-宁夏新闻网
1 年前
强健的回锅肉  ·  科學Online
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号