es6 模版字符串_Java开源博客系统-Powered by java1234

博客信息

es6 模版字符串

发布时间：『 2019-06-10 21:30』博客类别：Vue.js

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

关键字： es6

上一篇：es6对象定义简写

下一篇：es6箭头函数

关注Java1234微信公众号