没有效果呢

问题描述：

\n ES6写法没有效果呢

相关代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>模版字符串</title>
</head>

<body>
    <div class="div1"></div>
    <div class="div2"></div>
    <script type="text/javascript">
        let person = {
            name: "xiaoming",
            age: 18
        }
        let elem = document.querySelector('.div1')
        elem.innerHTML = "He is <b>" + person.name + "</b> <br>" + "and we wish to know his" + person.age + ".That is all<br>"
            // 补充代码
        let elems = document.querySelector('.div2');
        elems.innerHTML = `He is <b>${person.name} </b>\n\n\nand we wish to know his${person.age}.That is all<br>`
    </script>
</body>

</html>

相关截图：

从不学习 2021-03-22

源自：模板字符串与箭头函数 2-3 模板字符串的注意事项

收起

1回答

卡布琦诺回答被采纳获得+3积分 2021-03-22 15:12:12

同学你好，由于\n会被模板字符串解析成原始的字符串，而不是正则表达式，因此使用\n这种形式定义的正则表达式是不能用在模板字符串中的。建议使用<br>标签进行换行。

祝学习愉快！

收起回答

从不学习提问者 #1

老师课上的为什么可以呢

2021-03-22 15:31:51
卡布琦诺回复提问者从不学习 #2

同学你好，上面老师说的情况指的是将模板字符串中的文本内容输出在页面上时，\n是不能被解析成正则表达式的换行符的，但是使用console.log()打印到控制台的时候，是可以被正确解析的。比如：

希望可以帮到你，祝学习愉快！

2021-03-22 15:50:17