python模板代码替换_一行代码实现一个简单的模板字符串替换

起始

同许多初学 Javascript 的菜鸟一样，起初，我也是采用拼接字符串的形式，将 JSON 数据嵌入 HTML 中。开始时代码量较少，暂时还可以接受。但当页面结构复杂起来后，其弱点开始变得无法忍受起来：

书写不连贯。每写一个变量就要断一下，插入一个 + 和 "。十分容易出错。

无法重用。HTML 片段都是离散化的数据，难以对其中重复的部分进行提取。

无法很好地利用 标签。这是 HTML5 中新增的一个标签，标准极力推荐将 HTML 模板放入 标签中，使代码更简洁。

当时我的心情就是这样的：

这TMD是在逗我吗。

于是出来了后来的 ES6，ES6的模板字符串用起来着实方便，对于比较老的项目，项目没webpack，gulp 等构建工具，无法使用 ES6 的语法，但是想也借鉴这种优秀的处理字符串拼接的方式，我们不妨可以试着自己写一个，主要是思路，可以使用 ES6 语法模拟 ES6的模板字符串的这个功能。

后端返回的一般都是 JSON 的数据格式，所以我们按照下面的规则进行模拟。

需求描述

实现一个 render(template, context) 方法，将 template 中的占位符用 context 填充。

要求：

不需要有控制流成分(如 循环、条件 等等)，只要有变量替换功能即可

级联的变量也可以展开

被转义的的分隔符 { 和 } 不应该被渲染，分隔符与变量之间允许有空白字符

var obj = {name:"二月",age:"15"};

var str = "{ {name}}很厉害，才{ {age}}岁";

输出：二月很厉害，才15岁。

PS：本文需要对正则表达式有一定的了解，如果还不了解正则表达式，建议先去学习一下，正则也是面试笔试必备的技能，上面链接末尾有不少正则学习的链接。

如果是你，你会怎么实现？可以先尝试自己写写，实现也不难。

先不说我的实现，我把这个题给其他好友做的时候，实现的不尽相同，我们先看几位童鞋的实现，然后在他们的基础上找到常见的误区以及实现不够优雅的地方。

二月童鞋：

let str = "{ {name}}很厉害，才{ {age}}岁"

let obj = {name: '二月', age: 15}

function test(str, obj){

let _s = str.replace(/\{\{(\w+)\}\}/g, '$1')

let result

for(let k in obj) {

_s = _s.replace(new RegExp(k, 'g'), obj[k])

}

return _s

}

const s = test(str, obj)

最基本的是实现了，但是代码还是有很多问题没考虑到，首先 Ob