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);//张三是一个优秀人!!
相关推荐
前端工作日常4 分钟前
我学习到的AG-UI的功能:全面的交互支持
前端
LawrenceLan5 分钟前
Flutter 零基础入门(十三):late 关键字与延迟初始化
开发语言·前端·flutter·dart
深耕AI6 分钟前
【wordpress系列教程】03 网站页面的编辑
开发语言·前端
前端达人12 分钟前
2026年React数据获取的第六层:从自己写缓存到用React Query——减少100行代码的秘诀
前端·javascript·react.js·缓存·前端框架
2501_9481226314 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 通知设置实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
—Qeyser17 分钟前
Flutter 生命周期完全指南:从出生到死亡的全过程
前端·javascript·flutter
2501_9481226319 分钟前
React Native for OpenHarmony 实战:Steam 资讯 App 帮助中心实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
YAY_tyy20 分钟前
Turfjs 性能优化:大数据量地理要素处理技巧
前端·3d·arcgis·cesium·turfjs
hhcccchh21 分钟前
学习vue第十二天 Vue开发工具链指南:从手工作坊到现代化工厂
前端·vue.js·学习