前端模板字符串的使用
发布时间：2024年01月22日
目录
1.说明
模板字符串是用反引号（`）分隔的字面量，允许多行字符串，带有嵌入表达式的字符串插值和一种带标签的模板的特殊结构。
是增强版的字符串，在进行字符串拼接时，可以拼接固定值，嵌入变量，嵌入方法等，可以进行换行。
2.示例
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
<script type="text/javascript">
//拼接常量
var str1 = `1234569---471`
console.log(str1);
//嵌入变量
var name = "123"
var str2 = `${name}--123`
console.log(str2)
//支持换行
var str3 = `123-
345`
console.log(str3)
//嵌入方法
function getInfo(){
return '你好'
}
var str4 = `执行结果：${getInfo()}`
console.log(str4)
//嵌入表达式
var str5 = `计算结果：${1+1}`
console.log(str5)
//模板字符串可以嵌套
var flag = true
function getStu(){
return '姓名：小孙'
}
var str6 = `信息：${flag?`${getStu()}`:'信息不存在'}`
console.log(str6)
</script>
</head>
<body>
</body>
</html>结果：
3.总结
前端进行字符串拼接时，模板字符串使用简单实用，更易于理解。常用于拼接html信息，比如展示一个表格的body，可以使用模板字符串进行内容拼接
文章来源:https://blog.csdn.net/m0_72167535/article/details/135756141
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：chenni525@qq.com进行投诉反馈，一经查实，立即删除！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：chenni525@qq.com进行投诉反馈，一经查实，立即删除！