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);//张三是一个优秀人!!
相关推荐
谎言西西里1 小时前
JS 高手必会:手写 new 与 instanceof
javascript
雪碧聊技术2 小时前
前端项目代码发生改变,如何重新部署到linux服务器?
前端·vue3·centos7·代码更新,重新部署
liulilittle3 小时前
C++ 浮点数封装。
linux·服务器·开发语言·前端·网络·数据库·c++
wordbaby3 小时前
Expo 进阶指南:赋予 TanStack Query “原生感知力” —— 深度解析 AppState 与 NetInfo
前端·react native
Moment3 小时前
从美团全栈化看 AI 冲击:前端转全栈,是自救还是必然 🤔🤔🤔
前端·后端·面试
天问一3 小时前
使用 Vue Router 进行路由定制和调用的示例
前端·javascript·vue.js
韩立学长5 小时前
【开题答辩实录分享】以《基于Vue的非遗文化知识分享平台的设计与实现》为例进行选题答辩实录分享
前端·javascript·vue.js
优弧5 小时前
离开舒适区100天,我后悔了吗?
前端·后端·面试
胡gh5 小时前
css的臂膀,前端动效的利器,还是布局的“隐形陷阱”?
前端·css·html
灵感菇_5 小时前
Flutter Riverpod 完整教程:从入门到实战
前端·flutter·ui·状态管理