发表于: 2020-07-11 21:34:42
1 1190
今天完成的事情:
学习了js的知识
关于es6模板字符串
模板字符串相当于加强版的字符串,用单引号 ` 标识。它可以当作普通普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量或表达式。
// 普通字符串
let str=`hello'\n'world`;
// 多行字符串
let str=`hello,
this is a string`;
// 字符串中嵌入变量和表达式
let a='x',b='y',c=1;
let str=`hello ${a},world ${b},num is ${c+1}`;
// 字符串中调用函数
function func(){
return 'string';
// 嵌套
const tmp = addrs => `
<table>
${addrs.map(addr => `
<tr><td>${addr.first}</td></tr>
<tr><td>${addr.last}</td></tr>
`).join('')}
</table>
`;
const data = [
{ first: '<Jane>', last: 'Bond' },
{ first: 'Lars', last: '<Croft>' },
];
模板字符串中嵌入变量,需要将变量名写在 ${ } 中
所有模板字符串的空格和换行,都是被保留的。
模板字符串的大括号内部,就是执行Javascript代码
支持嵌套
标签模板,是一个函数的调用,其中调用的参数是模板字符串
alert`hello world`; 等价于 alert('hello world')
明天计划的事情:
继续完成任务
遇到的问题:
没有问题
收获:
学习了es6模板
评论