精彩评论
国瑞个人博客：多谢夸奖，博主自建主题，地址为huangguorui.cn，欢迎鉴赏！
评：Smile_Blog主题简介在线工具：
不错的主题，非常适合技术类博客。
评：Smile_Blog主题简介- 国瑞个人博客：
眉清目秀哇，咋地啊，对我网站感兴趣？
评：博主参加专升本去了 - 国瑞个人博客：
眉清目秀哇
评：博主参加专升本去了 小傻瓜：
啊哈
评：博主参加专升本去了- 国瑞个人博客：
考完了，都炸了
评：博主参加专升本去了
web前端开发博客
专注web前端发展
web前端开发博客
专注web前端发展
2018年12月01日 作者: 国瑞个人博客 389次浏览
国瑞前端（www.huanggr.cn）：通常情况下，我们需要拼接字符串需要使用到双引号或者单引号，但是这样拼接就会很繁琐，es6为我们提供了一种全新的方法，叫做模板字符串，它的使用方式也很简单我们使用``号来代替掉了原来的表示方式，下面是代码示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="app"></div> </body> </html> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script> let a = 123456 let b = `这个是数字:${a}` console.log(b) $('#app').append(`<p>${a}</p>`) </script> |
1 2 3 4 5 6 | let a = 5; let b = 10; tag`Hello ${ a + b } world ${ a * b }`; // 等同于 tag(['Hello ', ' world ', ''], 15, 50); |
点击快速分享：
以上就是国瑞前端个人博客带来的是《es6中的模板字符串》，感谢您的观看！
如果没有特殊的说明，本文即为国瑞前端博客原创(www.huanggr.cn)，欢迎读者转载并保留本站版权！https://www.huanggr.cn/1044.html
「专业前端博客，如果觉得我的文章对您有用，请帮助本站成长」
谢谢你请我吃鸡腿*^_^*
支付宝
微信
下一篇：30秒 CSS 中文版
相关文章：
利用Vue制作的“响应式”按钮
字符串转数字实现累加在拼接
Error in callback for watcher “xx”: “TypeError: Cannot read property ‘call’ of undefined” vue工程化项目导入jquery实现组件内部动画
type check failed for prop”value”. Expected String, Number, got Array. es6中的对象方法_Object.assign js判断出现最多的字符，并统计该字符字数 Vuex中axios转换请求数据配置
利用vue-router中的transition添加切换动画
常见问题解析 使用vuex制作购物车
ECMAScript异步编程详解国瑞个人博客: https://www.huanggr.cn/，我们关注Web前端开发技术，web前端开发,移动前端开发，前端资讯，同时分享前端资源和工具等，期待你的参与,了解更多..
博主独立研发主题：
国瑞个人博客：多谢夸奖，博主自建主题，地址为huangguorui.cn，欢迎鉴赏！
评：Smile_Blog主题简介在线工具：不错的主题，非常适合技术类博客。
评：Smile_Blog主题简介国瑞个人博客：眉清目秀哇，咋地啊，对我网站感兴趣？
评：博主参加专升本去了国瑞个人博客：眉清目秀哇
评：博主参加专升本去了小傻瓜：啊哈
评：博主参加专升本去了国瑞个人博客：考完了，都炸了
评：博主参加专升本去了
共有 0 条评论