ES6:字符串模版( `` )

在ES6之前,要在字符串中加入变量,需要这么写:

var name = 'Tom';
console.log('hello ' + name + ',how are you');//hello Tom,how are you

而使用字符串模版,可以极大方便的书写:

console.log(`hello ${name},how are you`);//hello Tom,how are you

字符串模版的书写方法

使用 `` 符号包裹,即键盘上Tab键与Esc键之间的点键
变量使用 ${} 包裹

1️⃣ ${} 不单单可以书写变量,甚至可以写表达式,函数:

const name = 'Tom';

function sayHello(n) {
	return `hello ${n}`;
}

console.log(`${sayHello(name)},how are you`);//hello Tom,how are you

2️⃣ 字符串模版还可以写html标签:

document.write(`
	<div style='color:red'>
		${name},how are you
	</div>
`)

在这里插入图片描述
3️⃣ 字符串模版支持回车与空格

发布了26 篇原创文章 · 获赞 0 · 访问量 614

猜你喜欢

转载自blog.csdn.net/weixin_43856797/article/details/103971382