ES6基础-----模板字符串

Pluto & Ethereal

已于 2023-12-15 11:06:51 修改

阅读量168

点赞数 1

文章标签： es6 前端 ecmascript

于 2023-12-06 09:53:46 首次发布

本文链接：https://blog.csdn.net/weixin_69190490/article/details/134823632

版权

在 JavaScript 中，模板字符串是一种方便的语法，用于字符串和变量的拼接，允许我们在字符串中插入变量和表达式。

1、模板字符串使用反引号（``）包裹字符串，并使用${}`来插入变量或表达式.

2、在模板字符串中可以加标签，可以加回车

3、${}可以调用定义的值进行运算（可以识别运算符号）

在使用模板字符串时，需要注意的是，使用反引号包裹的字符串可以包含单引号和双引号，而不需要像普通字符串那样使用转义符号进行处理。这使得模板字符串的书写更加简单和直观

在 JavaScript 中，模板字符串是一种方便的语法，用于字符串和变量的拼接，允许我们在字符串中插入变量和表达式。

1、模板字符串使用反引号（``）`包裹字符串，并使用`${}`来插入变量或表达式.

2、在模板字符串中可以加标签，可以加回车

3、${}可以调用定义的值进行运算（可以识别运算符号）

4、${}可以进行调用定义的值

5、会替换原有的内容

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>模板字符串 ` `</title>

</head>

<body>

    <div id="div1"> html 默认内容</div>

    <script>

        let a="我是变量测试";

        let number = 20;

        let b= `<h4>我是模板字符串</h4>

               <h3>${a}</h3> `;

        let h=document.getElementById("div1");

        h.innerHTML=b;

    </script>

</body>

</html>