讲师中心 微信公众号
AI工具推荐 视频效率加速

什么是模板字符串_Javascript中如何使用

胖强吖_4052

胖强吖_4052

发布时间:2025-12-19 22:11:58

|

328人浏览过

|

来源于php中文网

原创

模板字符串是JavaScript中用反引号包裹、支持多行文本和${}嵌入表达式的字符串写法,比单/双引号更灵活;支持直接换行、变量插值、运算及函数调用;还可通过标签函数实现高级定制处理。

什么是模板字符串_javascript中如何使用

模板字符串是 JavaScript 中一种用反引号(`)包裹的字符串写法,它支持多行文本和嵌入表达式,比传统单引号或双引号字符串更灵活、可读性更强。

支持多行文本

普通字符串换行需用 和加号连接,而模板字符串直接回车即可保留换行符,代码更直观。

  • 传统写法:var str = "第一行\n第二行";
  • 模板字符串:const str = `第一行 第二行`;(实际书写中直接换行,无需 )
  • 示例:
    const message = `姓名:张三
    年龄:25
    城市:北京`;
    输出会保留原始换行格式。

嵌入变量和表达式

用 ${} 语法在模板字符串中插入变量、函数调用、运算等任意 JavaScript 表达式。

  • 变量:const name = "李四"; console.log(`你好,${name}!`);
  • 运算:const a = 3, b = 4; console.log(`和是 ${a + b}`);
  • 函数调用:console.log(`时间:${new Date().toLocaleTimeString()}`);
  • 注意:${} 内不能直接写语句(如 if、for),但可调用返回值的函数或使用三元运算符。

标签模板(进阶用法)

在反引号前加一个函数名,该函数会接收模板字符串的静态部分和动态插值作为参数,适合做转义、国际化、SQL 构建等定制处理。

立即学习“Java免费学习笔记(深入)”;

  • 基本结构:func`hello ${a} world ${b}`
  • 函数接收两个关键参数:字符串数组(如 ["hello ", " world ", ""])和插值结果数组(如 [a, b])
  • 常见用途:HTML 转义、高亮渲染、模版预编译等,例如防 XSS 的简单 sanitize 函数可封装在此模式下。

不复杂但容易忽略:反引号是英文键盘上 Tab 键上方、数字 1 左侧的符号,别误用成单引号;模板字符串中的空格和缩进也会原样输出,排版时要注意。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

相关专题

更多
数据分析工具有哪些
数据分析工具有哪些

数据分析工具有Excel、SQL、Python、R、Tableau、Power BI、SAS、SPSS和MATLAB等。详细介绍:1、Excel,具有强大的计算和数据处理功能;2、SQL,可以进行数据查询、过滤、排序、聚合等操作;3、Python,拥有丰富的数据分析库;4、R,拥有丰富的统计分析库和图形库;5、Tableau,提供了直观易用的用户界面等等。

4463

2023.10.12

SQL中distinct的用法
SQL中distinct的用法

SQL中distinct的语法是“SELECT DISTINCT column1, column2,...,FROM table_name;”。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

931

2023.10.27

SQL中months_between使用方法
SQL中months_between使用方法

在SQL中,MONTHS_BETWEEN 是一个常见的函数,用于计算两个日期之间的月份差。想了解更多SQL的相关内容,可以阅读本专题下面的文章。

1169

2024.02.23

SQL出现5120错误解决方法
SQL出现5120错误解决方法

SQL Server错误5120是由于没有足够的权限来访问或操作指定的数据库或文件引起的。想了解更多sql错误的相关内容,可以阅读本专题下面的文章。

6421

2024.03.06

sql procedure语法错误解决方法
sql procedure语法错误解决方法

sql procedure语法错误解决办法:1、仔细检查错误消息;2、检查语法规则;3、检查括号和引号;4、检查变量和参数;5、检查关键字和函数;6、逐步调试;7、参考文档和示例。想了解更多语法错误的相关内容,可以阅读本专题下面的文章。

3223

2024.03.06

oracle数据库运行sql方法
oracle数据库运行sql方法

运行sql步骤包括:打开sql plus工具并连接到数据库。在提示符下输入sql语句。按enter键运行该语句。查看结果,错误消息或退出sql plus。想了解更多oracle数据库的相关内容,可以阅读本专题下面的文章。

6380

2024.04.07

sql中where的含义
sql中where的含义

sql中where子句用于从表中过滤数据,它基于指定条件选择特定的行。想了解更多where的相关内容,可以阅读本专题下面的文章。

8721

2024.04.29

sql中删除表的语句是什么
sql中删除表的语句是什么

sql中用于删除表的语句是drop table。语法为drop table table_name;该语句将永久删除指定表的表和数据。想了解更多sql的相关内容,可以阅读本专题下面的文章。

1190

2024.04.29

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

0

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn