4.模板字符串

<!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>
      // ES6 引入新声明字符串的方式 ``
      // 1.声明
      // let str = "我是一个字符串";
      // console.log(str, typeof str);

      // 2.内容中可以直接出现换行符
      // let str= "<ul>"
      //   +"<li>张三<li>"
      //   +"<li>李四<li>"
      //   +"<li>王五<li>"
      //   +"</ul>";    之前的写法,得用引号和加号去拼接

        // let str= `<ul>
        //             <li>张三<li>
        //             <li>李四<li>
        //             <li>王五<li>
        //           </ul>`; //现在的写法
        // console.log(str)

        // 3.可以进行变量拼接
        let loveName = 'xxx'
        // let str = loveName +  'I LOVE YOU'    //之前的写法
        let str = `${loveName}I LOVE YOU`    //现在的写法
        console.log(str)
    </script>
  </body>
</html>
posted @ 2022-01-02 15:59  问某完红  阅读(24)  评论(0编辑  收藏  举报