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️⃣ 字符串模版支持回车与空格

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值