网站建设综合设计,编程培训班学费是多少,教育门户网站建站,网页设计模板html代码软件目录 1.说明
2.示例
3.总结 1.说明
模板字符串是用反引号#xff08;#xff09;分隔的字面量#xff0c;允许多行字符串#xff0c;带有嵌入表达式的字符串插值和一种带标签的模板的特殊结构。
是增强版的字符串#xff0c;在进行字符串拼接时#xff0c;可以拼接固…目录 1.说明
2.示例
3.总结 1.说明
模板字符串是用反引号分隔的字面量允许多行字符串带有嵌入表达式的字符串插值和一种带标签的模板的特殊结构。
是增强版的字符串在进行字符串拼接时可以拼接固定值嵌入变量嵌入方法等可以进行换行。
2.示例
!DOCTYPE html
html
headtitle文档标题/title
script typetext/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 计算结果${11}
console.log(str5)
//模板字符串可以嵌套
var flag true
function getStu(){
return 姓名小孙
}
var str6 信息${flag?${getStu()}:信息不存在}
console.log(str6)
/script
/headbody
/body/html
结果 3.总结
前端进行字符串拼接时模板字符串使用简单实用更易于理解。常用于拼接html信息比如展示一个表格的body可以使用模板字符串进行内容拼接
模板字符串 - JavaScript | MDN
ES6: 模板字符串_es6模板字符串-CSDN博客
