资讯专栏INFORMATION COLUMN

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

NikoManiac / 1927人阅读

摘要:需求描述实现一个方法,将中的占位符用填充。通过文档里面写的,我们可以发现方法可以传入回调函数,一个用来创建新子字符串的函数,该函数的返回值将替换掉第一个参数匹配到的结果。所以这行代码的意思就很清楚,正则匹配到,分组获取,然后把替换成。

起始

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

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

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

无法很好地利用