简化版模板字符串替换函数

templateReplacer.js

/**
 * 简化版模板字符串替换函数
 * @param {string} str - 替换目标
 * @param {object} replacer - 替换值集合
 * @param {string} prefix - 替换字符左边界
 * @param {string} suffix - 替换字符右边界
 */
const templateReplacer = (
    str = '',
    replacer = {},
    prefix = '{{',
    suffix = '}}'
) => {
    // 构建替换字符正则表达式
    const reg = new RegExp(
        Object.keys(replacer)
            .map(item => `${prefix}${item}${suffix}`)
            .join('|'),
        'gi'
    );

    return str.replace(reg, matched => {
        // 删除模板字符串中的边界符，以便查找替换值
        const resetReg = new RegExp(`${prefix}|${suffix}`, 'ig'),
            key = matched.replace(resetReg, '');
        return replacer[key];
    });
};

// 一行实现
function render(template, data) {
  return template.replace(new RegExp('{{(.*?)}}', 'g'), (match, key) => data[key.trim()] || match);
}