ES6模板字符串编译示例
来源:互联网 发布:Linux80端口被占用 编辑:程序博客网 时间:2024/05/19 14:51
<div id="div"></div>
let template = `<ul> <% for(let i=0; i < data.supplies.length; i++) { %> <li><%= data.supplies[i] %></li> <% } %></ul>`;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;}let parse = eval(compile(template));document.getElementById('div').innerHTML = parse({ supplies: [ "broom", "mop", "cleaner" ] });
<ul> <li>broom</li> <li>mop</li> <li>cleaner</li></ul>
阅读全文
1 0
- ES6模板字符串编译示例
- ES6-字符串扩展-模板编译
- ES6之模板字符串
- ES6模板字符串
- ES6-字符串扩展-模板字符串
- ES6语法实现模板编译
- ES6 Template String 模板字符串
- ES6 反单引号 字符串模板
- ES6折腾记-模板字符串
- es6 javascript的模板字符串
- ES6 Template String 模板字符串
- ES6-字符串扩展-标签模板
- ES6系列之---模板字符串
- es6 字符串模板 随手记
- ES6 标签模板与模板字符串
- ES6-字符串扩展-模板字符串的限制
- 深入浅出ES6(四):模板字符串
- ES6新增了一种模板字符串
- usb4根线接法
- Linux 终端播放 MP3 格式音频软件
- HDOJ 1058 Humble Numbers
- 浅谈NVMe与MSI-X
- Vector、ArrayList 、LinkedList比较
- ES6模板字符串编译示例
- P
- STM32--CAN
- nginx反向代理后应用程序如何获取客户端真实IP?
- 简单粗暴JavaWeb-第二篇:返回一个页面
- 人脸识时代来临,你准备好了吗?
- Scrapy 探索:如何防止爬虫被禁止(翻译、转载、整理)
- string类能否被继承?
- 全卷积与FCN详解