JavaScript模板字符串用反引号包裹，支持多行文本、变量插值、嵌入任意表达式、标签函数定制解析、缩进控制及与解构/可选链等语法结合，大幅提升代码表达力与可维护性。
JavaScript模板字符串用反引号（`）包裹，支持多行文本和变量插值，但它的能力远不止基础替换。掌握其高级用法能显著提升代码可读性与表达力。
嵌套模板与动态表达式求值
模板字符串内可直接写任意合法的 JavaScript 表达式，包括函数调用、三元运算、对象属性访问甚至立即执行函数。不需要额外拼接或提前计算。
`用户状态：${user.isActive ? '在线' : '离线'}``长度：${arr.length > 0 ? arr.length : '空数组'}``时间戳：${new Date().toLocaleString()}``格式化金额：${(price * 1.1).toFixed(2)} 元`
标签函数：拦截并处理模板内容
在反引号前加一个函数名（如 html`...`），该函数会接收模板的静态部分和插值结果作为参数，实现自定义解析逻辑，常用于 HTML 转义、国际化、CSS 预处理等场景。
Javascript Sdk
下载
用于 inference.sh 的 JavaScript/TypeScript SDK，可运行 AI 应用、构建代理、集成 150+ 模型。包名：@inferencesh/sdk（npm install），完整 TypeScript 支持。
- 函数第一个参数是字符串数组（按插值位置分割的静态片段）
- 后续参数对应每个插值表达式的计算结果
- 例如：
function upper(strings, ...values) { return strings.map((s, i) => s + (values[i] || '')).join('').toUpperCase(); } upper`Hello ${name}`
多行结构化内容与缩进控制
反引号天然支持换行，适合生成 HTML 片段、SQL 查询或配置文本。注意缩进会原样保留——若需去除首尾空格或自动去缩进，可用工具函数辅助。
立即学习“Java免费学习笔记（深入）”；
- 直接写：
`<div><p>${text}</p></div>` - 配合
String.raw防止转义：String.raw`C:\path\to\file` - 手动清理缩进：
str.trim().replace(/^[\t ]+/gm, '')或使用第三方库如dedent
与解构、对象字面量结合提升可维护性
插值中可直接使用解构后的变量、计算属性名或链式调用，避免中间变量，让模板更紧凑清晰。
const { name, email } = user; `姓名：${name}，邮箱：${email}`const key = 'title'; `标题：${obj[key]}`-
`ID：${user?.profile?.id ?? '未知'}`（可选链 + 空值合并） `标签：${tags.map(t => `<span>${t}</span>`).join('')}`
