发表于: 2020-07-11 21:34:42

1 1191


今天完成的事情:

学习了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模板


返回列表 返回列表
评论

    分享到