码迷,mamicode.com
首页 > Web开发 > 详细

js模板字符串

时间:2021-03-30 13:35:33      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:展示   调用   func   使用   string   多行   return   反引号   一个   

ES6中引入了模板字符串,让我们告别了使用大量‘‘ 和 +来连接字符串了写法。

要创造一个模板字符串,只需要使用反引号``将字符串包起来,模板字符串中的变量用${变量名}替代即可

var a = ‘o,‘;var b = ‘d!‘
console.log (`Hell${a}worl${b}`);
// Hello,world!

1、多行字符串

在模板字符串内,换行和空格是会保存并展示出来的

var a = ‘o,‘;var b = ‘d!‘
console.log(`Hell${a}
worl${b}`);
/*
Hello,
world!
*/

2、嵌入表达式

var a = 1; b = 2;
console.log (`${a} + ${b} = ${a + b} `)
//1 + 2 = 3
1
2
3
3、调用函数

function string(){
return "Hello!";
}
console.log(`${string()} world!`);
//Hello! world!

  

 

js模板字符串

标签:展示   调用   func   使用   string   多行   return   反引号   一个   

原文地址:https://www.cnblogs.com/qiaozhiming123/p/14591550.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!