标签：clog 07 ast vue parse 源码 optimize 树是 debugger

ast树是一个js对象，ast树是对模板的一种描述；

类似于vnode是对真实dom的一种描述，

ast树是对模板的一种描述；

注意：

我们调试代码时，除了debugger还有consolelog即clog方式；简单的代码可能就直接clog调试了。

但是有个问题，比如说我们在const ast = parse(template.trim(), options)代码后，打印ast

但是clog一个引用数据类型，在后续optimize(ast, options)会对变量ast做修改，

所以，当我们我们在控制台打印的ast其实是被optimize修改了的，并不是parse后的原生ast；因因为ast是一个引用堆内存的地址，堆里内容变了，它也就随之变了。

那怎么解决？

1.使用debugger

2.如果提前知道ast可能会边，使用Json.stringify（）进行序列化；或者使用OBject.assgn()进行浅拷贝；

标签：clog,07,ast,vue,parse,源码,optimize,树是,debugger
来源： https://www.cnblogs.com/EricShen/p/16551665.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。