模板字符串

最新推荐文章于 2024-01-20 21:46:42 发布

原创最新推荐文章于 2024-01-20 21:46:42 发布

· 152 阅读

0 ·

版权

文章标签：

#javascript

模板字符串

模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

优点

字符串新写法加强版的引号

console.log(`好好学习 \n 天天向上`);

内容中可以直接出现换行符

console.log(`好好学习 
			 天天向上`);

字符串中嵌入变量

let name=`黄天霸`;
			let skill=`杀富济贫`;
			document.write(`<font color="red">${name}</font>的主要技能是${skill}<br>`);

保留空格

let str=`<ul style="list-style:none;">
						<li>沈腾</li>
						<li>玛丽</li>
						<li>艾伦</li>
					</ul>`;
			console.log(str);
			document.getElementById("result").innerHTML=str;