字符串拓展

最新推荐文章于 2024-07-04 16:37:43 发布

FGGIT

最新推荐文章于 2024-07-04 16:37:43 发布

阅读量42

点赞数

分类专栏： vue学习笔记文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_47888212/article/details/128702848

版权

vue学习笔记专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<!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>
  <!-- emmet语法：div>p+span -->
  <div>
    <p>text</p>
    <span>文本</span>
  </div>
  <script>
    // 问题：es6之前操作字符串，不能换行，拼接字符串难度大，可读性差

    // 模板字符串
    // let str1 = `<div>
    //               <p>text</p>
    //               <span>文本</span>
    //             </div>`
    // console.log(str1)

    //${}中可以写js表达式（只要有返回值的就是js表达式：变量，常量，字面量，函数，函数调用，三元运算，其他运算）
    //注意：for/while/do~while/switch/if这些不是表达式是语句
    // let text1 = "文本1"
    // let text2 = "文本2"
    // let str2 = `<div>
    //               <p>${text1}</p>
    //               <span>${text2}</span>
    //             </div>`
    // console.log(str2)

    // let str3 = `<div>
    //               <p>${1, 2, 3}</p>
    //               <span>${1+4}</span>
    //             </div>`
    // console.log(str3)

    //字面量：
    // let arr = new Array()
    // let arr1 = []
    // let obj = {}
  </script>
</body>

</html>