es6之模板字符串

假如我们要拼接一段话:

举个栗子:大家好,我是亚亚,我来自河南,我今年22岁了,我的爱好是狼人杀。

   const Person = {
      name:"亚亚",
      age:22,
      hometown:"河南",
      hobby:"狼人杀"
    }
    const intro = "大家好,我是" + Person.name + ",我来自" + Person.hometown
    + ",我今年" + Person.age +"岁了,我的爱好是" + Person.hobby + "。" 
    console.log(intro)

但是你会发现这样写很麻烦,一会中文一会英文,一会双引号一会加号+

当我们使用了es6中的模板字符串以后,你会发现新的大陆!

    const intro2 = `大家好,我是${Person.name},我来自${Person.hometown},我今年${Person.age}岁了,我的爱好是${Person.hobby},我明年就${Person.age + 1}岁了,我已经是${Person.age > 18 ? '成年人' : '未成年'}了。`
    console.log(intro2)

模板字符串是ESC下面的按键,而且模板字符串支持换行(你每一行写了多少内容页面就显示多少。我上面那行代码很长就是因为我没有换行显示)

 

posted @ 2020-04-24 16:54  天空003  阅读(211)  评论(0编辑  收藏  举报