es6 模版字符串主要用于简化字符串的拼接;
看个例子,es6以前的写法;
我们来看下实例;定义一个变量,搞两个属性,然后控制台输出;
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> let obj={name:'Jack',age:'20'}; let str='姓名:'+obj.name+',年龄:'+obj.age; console.log(str); </script> </body> </html>
如果属性多,那拼接量就大了;
看下 es6模版字符串写法 用 斜引号和${}符号实现;
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> let obj={name:'Jack',age:'20'}; let str=`姓名:${obj.name},年龄:${obj.age}`; console.log(str); </script> </body> </html>
这样就省力多了;
注意点:这个斜引号,再tab键上方;