es6模板字符串

模板字符串

模板字符串是增强版的字符串,使用反引号``来包括字符串,如果需要拼接上变量,那拼接的格式是使用${}包裹变量即可,并且模板字符串会保留换行,缩进符

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            //传统方法
            var person={
                name:"张三",
                age:"20",
                email:"2334344@qq.com"
            };
            let person1="传统-我是"+person.name+",我今年"+person.age+",可以通过邮箱"+person.email;
            console.log(person1);
            
            
            //es6的方法
                let person2=`es6-我是${person.name},我今年${person.age},可以通过邮箱${person.email}`;
            console.log(person2);
            
            let person3=`es6-我是${person.name},
            我今年${person.age},
            可以通过邮箱${person.email}`;
            console.log(person3);
            
        </script>
    </body>
</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 模板字符串(template string) 是增强版的字符串,用反引号 ( ` ) 标识。它可以当作普通字符串使...
    人总要靠自己_趁年轻去努力阅读 1,310评论 0 1
  • 标签: 模板字符串 JavaScript ES6 前端 web本博客版权归本人和饥人谷所有,转载需说明来源内容转载...
    饥人谷_小k阅读 54,518评论 4 13
  • 字符串模板引擎 什么是模板字符串?ES5中的字符串缺乏多行字符串、字符串格式化、HTML转义等特性。而ES6通过模...
    zaven阅读 6,914评论 0 2
  • 模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以...
    知行社阅读 840评论 0 3
  • 描述 es6中的模板字符串可以代替es5的字符串拼接模板字符串使用反引号 (`) 来代替普通字符串中的用双引号和单...
    BokFang阅读 102评论 0 0