看破一道百度面题：正则表达式如何实现JS模板编译

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 今天为大家推荐的这篇文章主要介绍正则表达式实现 JS 模板编译的相关内容。包括模板编译的核心流程、正则表达式的基础知识和用途，以 Vue 和 React 为例解释模板编译原理，阐述使用正则表达式实现模板编译的优点、实现方式（基础、优化、递归）及性能优化建议 以下是正文： 面试官问：下面这段代码怎么实现页面渲染？ let  str =  '我是{{name}},年龄{{age}},性别{{sex}}' let  person = {     name:  '张三' ,     age: 18,     sex:  '男' } 你：这不简单吗？用 replace 替换，配合正则表达式匹配模板字符串中的占位符就行了。 问： 那你能用函数 compile 来实现一下吗？ 正文开始~~~ 前言： 模板编译的核心流程 （重点！！！） 模板字符串转 AST ：将模板字符串解析为抽象语法树（AST ………………………………