模板字符串

最新推荐文章于 2025-04-09 17:06:13 发布

小海fighting呀！

最新推荐文章于 2025-04-09 17:06:13 发布

阅读量2.4k

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_45328388/article/details/127912499

版权

本文介绍了ES6中新增的模板字符串特性，它使用反引号包裹，允许换行书写和解析变量。模板字符串与传统的单引号和双引号字符串在换行和解析变量方面存在显著区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模板字符串

模板字符串是ES6中新增的创建字符串的新方法，也就是用反引号( )包裹字符内容。之前常用的是单引号和双引号包裹。

模板字符串与单引号/双引号的区别

1.换行
1). 使用单引号或双引号包裹的字符串中不能换行。

 let str = 'hello
  world';//报错

在模板字符串中可以换行书写

  let str = `
    hello
    world
  `;
  console.log(str); //hello world

2.解析变量
1).使用单引号或双引号包裹的字符串中不能解析变量

let user = 'leon';
  let str = 'hello user';
  console.log( str ); //hello user

2).在模板字符串中可以解析变量 ${变量}, 在$ {} 中可以执行一些简单的代码

let username = 'zs';
  let age = 17;
  let gender = '男';
  let str = `
    <ul>
      <li>${username}</li>
      <li>${age+1}</li>
      <li>${gender}</li>
    </ul>
  `;
  console.log(str); //输出<ul><li>zs</li><li>18</li><li>男</li></ul>