js 字符串转义与模板字面量

大海里没有水

已于 2022-02-27 20:35:37 修改

阅读量213

点赞数

文章标签： javascript 前端 vue.js

于 2022-02-25 23:17:36 首次发布

本文链接：https://blog.csdn.net/Anna_Liqi/article/details/123143064

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 字符串连接
      // let year = '2022'
      // let site = 'www.baidu.com'
      // console.log(year + ' - ' + site)
      // console.log(`${year}-${site}`)

      function show() {
        return "fengb.com";
      }
      // 模板字面量 里面是可以加函数的, 或者表达式等
      let cd = `www.${show()}`;
      let cd2 = `www.${4 + 2}`;
      console.log(cd);

      let array = [
        {
          title: "标题1",
        },
        {
          title: "标题2",
        },
        {
          title: "标题3",
        },
      ];

      function template() {
        return `
          <ul>
            ${array.map((item) => "<li>" + item.title + "</li>").join("")}
          </ul>
        `;
      }

      document.body.innerHTML = template();
    </script>
  </body>
</html>