国瑞前端（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); |
「梦想一旦被付诸行动，就会变得神圣，如果觉得我的文章对您有用，请帮助本站成长」
下一篇：30秒 CSS 中文版
国瑞个人博客: https://www.huanggr.cn/，我们关注Web前端开发技术，web前端开发,移动前端开发，前端资讯，同时分享前端资源和工具等，期待你的参与,了解更多..
博主独立研发主题：
免费领取学习资料和视频
收到了，你这个网址无法访问呀
评：react中调用 setState 之后发生了什么大佬，都联系不到你人， 那个友链能帮忙换一下不 原 共享博客 http:/...
评：react中调用 setState 之后发生了什么没咋研究，emmm
评：web前端绘制八卦图_超简单教程这个是太极阴阳鱼，不是八卦图。
评：web前端绘制八卦图_超简单教程
后会有期（2年前 (2020-08-14)）文章不错
评：宝塔系统面板无法正常显示我采用该方法解决了才发布的教程
评：iview-admin点击路由报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "Navi
电话支持
在线交流
微信添加
共 0 条评论关于"es6中的模板字符串"
最新评论