ES6语法糖-模板字符

王建博09

于 2021-06-07 10:58:30 发布

阅读量175

点赞数

文章标签： es6

本文链接：https://blog.youkuaiyun.com/wangjianbo09/article/details/117653023

版权

Date 2021-06-07 By WJB

关于语法糖的理解：是指计算机语言中添加的某种语法，这种语法对语言的功能并没有什么影响，但是更方便程序员使用，通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。

模板字符是简化了字符串拼接。

注意一下几点：

1，不再使用单引号和双引号，使用反引号，反引号的位置如下图所示

2，所有字符串均在反引号内拼接；

3，换行的时候直接回车即可；

4，变量字符串不在使用“+”，而是￥{}。

代码使用如下：

var person={
    name:'wangjianbo',
    age:17,

}
var str ="my name is "+person.name +"\nmy age is " + person.age;
//语法糖
var str1= `my name is ${person.name}
my age is ${person.age}`

console.log(str);
console.log(str1);

//打印结果 
//my name is wjb
//my age is 17
//my name is wjb
//my age is 17