国瑞前端(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); |
7