es6：:语法模板

es5是怎么使用的innerhtml还有innertext，我就不多说了，重点讲下es6的语法模板

模板字符串

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

简单来说，我们可以这样子：

<script>
		let x1=`123`;
		console.log(x1);
		</script>

也可以这样子：

<script>
	let x1=123;
	console.log(`打印出来的是${x1}`);
		</script>

两者的区别在于一个${x1};这里的x1是个变量，所以要将他包裹起来

打印出来的结果是这个样子的

根据javascript的万物都是对象的概念，如果我们弄个function呢？就有了下面的这个版本

<script>
			let x1 = 1,
				x2 = 2;
			let a = `${x1}+${x2}=${getadd(x1,x2)}`;
			console.log(a);
			document.body.innerHTML += a;
			function getadd(a, b) {
				return a + b;
			}
		</script>

一道正确的数学题，而且一些小伙伴注意到了我innerhtml的写法了吧，这个是题外话

最后再补充两点，如果我们想打印出反引号呢？

那么自然就是用/`

<script>
			console.log(`\``);
		</script>

而至于换行这个就不用说了，自然也是可以的

	<script>
			var str = `123 34       123
1232
`;
			console.log(str);
		</script>