JS中模板字符串的使用

最新推荐文章于 2024-05-29 06:35:54 发布

南无与青

最新推荐文章于 2024-05-29 06:35:54 发布

阅读量3k

点赞数 2

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

本文链接：https://blog.csdn.net/qq_32810963/article/details/121903724

版权

在ES6之前，我们都使用单引号或者双引号来包裹字符串，当我们想要在字符串中加入变量时，不能直接写在字符串里，而是需要通过字符串拼接的方式来往字符串中加入变量

 var num = 123;
 var str = '你好num';
 var str1 = '你好' + num;
 console.log(str);
 console.log(str1);

从上面的代码以及运行结果我们可以发现想要在字符串中添加变量就需要用到字符串拼接，当需要拼接的变量数量较多时可能会比较麻烦。

ES6中引入了一种新的字符串的创建方式，使用反引号(``)来包括字符串,也称之为模板字符串，在模板字符串中添加变量不需要再使用字符串拼接，只需要在变量前加$符号，再用{}包裹变量即可

var num = 123;
var str2 = `你好${num}`;
console.log(str2);

以上就是对于模板字符串的简单描述

关注