es6-模版字符串

  • 传统的 JavaScript 语言,输出模板通常使用加号(+)拼接
  • 模板字符串是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。

模板字符串中嵌入变量,需要将变量名写在${}之中。

javascript 复制代码
        // 1.声明
        let str1 = `我是字符串`;
        console.log(str1, typeof str1);// 我是字符串 string
        // 2.内容中可以直接出现换行符
        let str = `<ul>
            <li>陈</li>
            <li>劳</li>
            <li>测</li>
            </ul>`;
        console.log(str);//<ul><li>陈</li><li>劳</li><li>测</li></ul>
        // 3.变量拼接
        let name = '张三';
        let out = `${name}是一个优秀人!!`;
        console.log(out);//张三是一个优秀人!!
相关推荐
还有多久拿退休金15 分钟前
dnd-kit 碰撞检测算法:你的订单为什么自己"跑"到了 1 号?
前端
qq_3168377516 分钟前
npm run tauri build Downloading下载超时
前端·npm·node.js
w_t_y_y16 分钟前
VUE3(二)VUE2和VUE3区别
前端·javascript·vue.js
T-shmily19 分钟前
使用svg图标
前端·css
阿明在折腾25 分钟前
在浏览器里实现 PDF 合并与拆分:pdf-lib 实战指南
前端·javascript
米高梅狮子26 分钟前
03.OpenStack使用
linux·前端·云原生·容器·架构·kubernetes·openstack
时光不负努力35 分钟前
手写三大核心:Promise、Event Bus、深拷贝
前端
星栈36 分钟前
被Leptos弹窗逼疯后,我搞了一套零Props方案
前端·前端框架·全栈
不是山谷.:.36 分钟前
Axios的【接口防抖 + 请求失败重试 + 弱网提示】三合一高阶版封装
前端·javascript·vue.js·笔记·elementui·typescript
超绝大帅哥37 分钟前
babel降级|>, Object.groupBy
前端·javascript