首页 > 技术文章 > js模板字符串

qiaozhiming123 2021-03-29 11:05 原文

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!

  

 

推荐阅读