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 天前
Vue 3 + TypeScript + Element Plus 博客系统开发总结与思考
前端·vue.js·typescript
猫3281 天前
v-cloak
前端·javascript·vue.js
AC赳赳老秦1 天前
OpenClaw二次开发实战:编写专属办公自动化技能,适配个性化需求
linux·javascript·人工智能·python·django·测试用例·openclaw
旷世奇才李先生1 天前
Vue 3\+Vite\+Pinia实战:企业级前端项目架构设计
前端·javascript·vue.js
Ulyanov1 天前
《PySide6 GUI开发指南:QML核心与实践》 第二篇:QML语法精要——构建声明式UI的基础
java·开发语言·javascript·python·ui·gui·雷达电子对抗系统仿真
聚美智数1 天前
企业实际控制人查询-公司实控人查询
android·java·javascript
SoaringHeart1 天前
Flutter进阶:用OverlayEntry 实现所有弹窗效果
前端·flutter
IT_陈寒1 天前
Vite静态资源加载把我坑惨了
前端·人工智能·后端
herinspace1 天前
管家婆实用贴-如何分离和附加数据库
开发语言·前端·javascript·数据库·语音识别
小码哥_常1 天前
从MVC到MVI:一文吃透架构模式进化史
前端