ES6-字符串

1.模板字符真的很强大
一。常用变量夹杂在字符串上,
let de=123;
var template=`heelow${de}biaoge`;
会加载到hellow123biage
二、可以夹杂一些js


下面是阮一峰老师写的方法


function compile(template){
  const evalExpr = /<%=(.+?)%>/g;
  const expr = /<%([\s\S]+?)%>/g;


  template = template
    .replace(evalExpr, '`); \n  echo( $1 ); \n  echo(`')
    .replace(expr, '`); \n $1 \n  echo(`');


  template = 'echo(`' + template + '`);';


  let script =
  `(function parse(data){
    let output = "";


    function echo(html){
      output += html;
    }


    ${ template }


    return output;
  })`;


  return script;
}
具体的使用方法,就是
1,后台的json文件---sw
随意一个变量  parse
自己写的模板 template
let parse=eval(compile(template))
$("body").append(parse(sw))


template的具体写法
let template=`
<ul>
<% for(let i=0; i<data.length;i++) { %>
<li> < %= data.[i] %></li>
<% } %>
</ul>
`
<% %>----里面是写脚本的









  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值