ES6 模版字符串

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键上方;

posted @ 2020-05-26 07:48  梨花梦蝶  阅读(233)  评论(0编辑  收藏  举报