UglifyJS有个超赞的JavaScript解析器

最新推荐文章于 2024-08-20 10:01:34 发布
最新推荐文章于 2024-08-20 10:01:34 发布
阅读量2.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42537390/article/details/80799875
版权
本文介绍了JavaScript压缩器UglifyJS，其内置的JavaScript解析器性能优于Narcissus。解析器将JavaScript代码转化为AST，适合多种用途。UglifyJS基于CommonJS，但在浏览器中需要进行作用域调整才能使用。性能测试显示，UglifyJS在多数浏览器中的解析速度更快，作者计划将其用于Jscex项目替代Narcissus。
摘要由CSDN通过智能技术生成

我一直在为Jscex寻找好用的JavaScript解析器，之前我用的是Narcissus，也写过相关文章。不过可惜的是，Narcissus使用了SpiderMonkey的扩展，因此它并不是用ECMAScript 3实现的，无法在IE 8等浏览器中使用。目前Jscex使用的是NarrativeJS中旧版的Narcissus，但是我并不喜欢它输出的AST结构，使用中也发现高级功能里的一些bug，有些食之无味弃之可惜的感觉，而改写新版Narcissus又必须大动干戈。最近我接触到了UglifyJS，发现它的解析器相当不错，性能也比Narcissus高出许多，在此介绍给大家。

UglifyJS是个JavaScript压缩器，效果和Google Closure Compiler相比有过之而无不及。对于现代化的JavaScript压缩器来说，简单的去除空白和压缩局部变量是远远不够的，同时需要理解代码的语义，将其替换成提及更小的形式(Uglify的说明页上有许多描述)。这显然需要一个JavaScript解析器。UglifyJS基于NodeJS开发，不过可以在各种支持CommonJS模块系统的JavaScript引擎/平台上运行。如果没有CommonJS，也只需将exports相关的代码去掉即可。

JavaScript解析器的作用自然是将JavaScript代码分解成AST，然后根据AST便可以做到许多有趣的事情。相同的AST可以在内存中有不同的表现形式，例如之前提到我不太喜欢Jscex目前使用的旧版Narcissus，一个重要的原因便是它的AST结构不够友好(最新的Narcissus倒不错)。此外，虽然它提供了一些高级功能，例如标注了每个元素在源代码中的位置，这样使用者就可以直接根据getSource方法获得它对应的源代码——只可惜经试验这个功能有bug，这迫使我还得遍历完整的AST。

UglifyJS的JavaScript分词器和解析器存放在源代码的parse-js.js文件中，移植于parse-js项目，后者是一个用Common Lisp实现的类库。现在您应该可以猜到它输出的AST是什么表现形式了吧。没错，就是个“表”，用JavaScript来表示，就是个数组套数组。我写了点简单的代码对其进行格式化输出，您可以在这里简单尝试一下UglifyJS的解析器。这个输出虽然简单，但对于Jscex来说也已经完全够用了。

使用

打开parse-js.js文件，您会看到这样一些代码：

 

    
 
  1. /*-
    2. 


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  qq_42537390
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
JavaScript的解析器是个什么东西

				
			

			

				

					MayMayJn的博客
				

				

					11-30
					
					874
					
				

			

		

		

			
				
最近啃JavaScript基础，看到老师讲几道面试题还挺有意思！ 
第一题：var num = 10;
fun();
function fun(){
    console.log(num);
    var num = 20;
}第二题var a = 18;
f1();
function f1() {
    var b = 9;
    console.log(a);
    console.l

			
		

	



                

              
                



	

		

			

				
					
JavaScript解析器nearley.js.zip

				
			

			

				

					07-17
				

			

		

		

			
				
nearley 是简单的 Node.js 解析器，解析器把字符串的字符变成有意义的数据结构（比如一个 JSON 对象）。nearley 是一个快速，特性丰富和现代化的 JavaScript 解析器工具包，也是 npm 人员很好的选择。特性：nearley i是第一个使用 Earley 算法的 JS 解析器nearley 输出极小的文件，而且 expressive DSL 包括大量的语法糖，让你的源文件非常小nearley 的语法非常强大nearley 基于 idiomatic streaming API 构建
                        
                        
                            标签：nearley

			
		

	



                


  
              

                


	

		

			

				
					
JavaScript之解析器

				
			

			

				

					XINGKONG_04的博客
				

				

					12-21
					
					2594
					
				

			

		

		

			
				
当在HTML中遇到标签包含的内容时，则需要调用浏览器的解析器。
解析器的工作原理为：
（1）预解析
在这个阶段，解析器会在整个页面中（从头至尾）找到var、function和参数的内容。其中：
var的部分，解析器会创建相应的变量，但是会为其存放一个初始值为undefined，然后将这个变量存放到“仓库”中，这些变量的赋值情况，由后面代码运行过程来决定[这里的var也包含了函数中var部分

			
		

	





	

		

			

				
					
探索js-tokens：JavaScript代码解析的利器

					
最新发布

				
			

			

				

					gitblog_00920的博客
				

				

					08-20
					
					368
					
				

			

		

		

			
				
探索js-tokens：JavaScript代码解析的利器
 js-tokensTiny JavaScript tokenizer.项目地址:https://gitcode.com/gh_mirrors/js/js-tokens 在现代Web开发中，JavaScript无疑是核心语言之一。随着代码复杂性的增加，对JavaScript代码进行高效解析的需求也日益增长。今天，我们将介绍一个强大的开源工...

			
		

	



		

			
		



	

		

			

				
					
JavaScript 解析器、预解析、变量提升、函数提升

				
			

			

				

					weixin_42787326的博客
				

				

					08-01
					
					1143
					
				

			

		

		

			
				
转载请注明预见才能遇见的博客：https://my.csdn.net/

原文地址：https://blog.csdn.net/weixin_42787326/article/details/81328757

JavaScript解析器、预解析、变量提升、函数提升

目录

JavaScript解析器、预解析、变量提升、函数提升

1.JavaScript解析器工作步骤

2.预解析

1.预解...

			
		

	





	

		

			

				
					
JavaScript解析器：重构代码的利器

				
			

			

				

					gitblog_00019的博客
				

				

					06-10
					
					409
					
				

			

		

		

			
				
JavaScript解析器：重构代码的利器
项目地址:https://gitcode.com/erikd/language-javascript
在这个高度动态的编程时代，JavaScript作为Web开发的核心语言，其重要性不言而喻。为了更好地理解和操作JavaScript代码，我们需要强大的工具来帮助我们进行分析和处理。这就是我们要向您推荐的开源项目——language-javascript，...

			
		

	





	

		

			

				
					
跨平台，易于使用，无需JavaScript的表情符号超赞解决方案-JavaScript开发

				
			

			

				

					05-26
				

			

		

		

			
				
Emoji-Awesome（表情符号超赞）它类似于字体超赞，但用于表情符号。 访问数百种表情符号中的演示Chose并开始使用，而不必担心兼容性问题:face_with_open_mouth:快速安装NP表情符号-真棒它类似于字体真棒，但适用于...

			
		

	





	

		

			

				
					
alandr:alandr（超赞的着陆器）-使您的着陆页超赞

				
			

			

				

					05-18
				

			

		

		

			
				
 alandr是一个着陆页应用程序，它以一种简单，干净和高效的方式组织您所有的自托管服务。 Docker安装程序（推荐）  。  在守护程序模式下快速运行：   docker run -itd --restart=always -v /data:/data -p 80:80 --...

			
		

	





	

		

			

				
					
198个经典C_WinForm实例源码(超赞)

				
			

			

				

					05-28
				

			

		

		

			
				
"198个经典C# WinForm实例源码(超赞)"这个压缩包文件包含了大量实用的代码示例，可以帮助开发者学习和理解C# WinForm编程的各种技巧和最佳实践。  以下是一些关键知识点的详细说明：  1. **控件使用**：WinForms中...

			
		

	





	

		

			

				
					
javascript词法分析器

				
			

			

				

					05-25
				

			

		

		

			
				
挺不错的资源，简单明了，对于理解编译原理也有一定作用

			
		

	





	

		

			

				
					
使用JavaScript编写的语法分析器

				
			

			

				

					05-18
				

			

		

		

			
				
这是一个使用JavaScript编写的基于LL（1）文法的语法分析器

			
		

	





	

		

			

				
					
探索JavaScript解析器Acorn：小巧而强大的代码解析工具

				
			

			

				

					gitblog_00063的博客
				

				

					03-20
					
					1038
					
				

			

		

		

			
				
探索JavaScript解析器Acorn：小巧而强大的代码解析工具
项目地址:https://gitcode.com/ternjs/acorn
Acorn 是一个轻量级、高效且高度可扩展的JavaScript解析库，由Tern项目开发并维护。它能够将JavaScript源码转化为抽象语法树（AST），为开发者提供了一种深入理解和操作代码的新方式。
Acorn 是什么？
Acorn是一个纯JavaS...

			
		

	





	

		

			

				
					
[译] 用javascript实现一门编程语言-写一个解析器

				
			

			

				

					weixin_33755557的博客
				

				

					08-03
					
					473
					
				

			

		

		

			
				
目录

用javascript实现一门编程语言-前言
用javascript实现一门编程语言-语言构想
用javascript实现一门编程语言-写一个解析器
用javascript实现一门编程语言-字符输入流

写一个解析器
解析器的实现是需要根据语言特性来实现的，是一个较为复杂的任务。事实上，我们需要将一段代码或者字母转换为抽象语法树 (abstract syntax tree, AST)。抽象...

			
		

	





	

		

			

				
					
JS语法分析器

				
			

			

				

					ting119的博客
				

				

					12-05
					
					5580
					
				

			

		

		

			
				
设计要求：对于任意输入的一个LL(1)文法，构造其预测分析表，并对指定输入串分析其是否为该文法的句子。

思路：首先实现集合FIRST(X)构造算法和集合FOLLOW(A)构造算法，再根据FIRST和FOLLOW集合构造出预测分析表，并对指定的句子打印出分析栈的分析过程，判断是否为该文法的句子。但是现在只是实现了构造预测分析表，并进行分析。


程序结构：






pr

			
		

	





	

		

			

				
					
自己写个JavaScript parser （分析器）系列 （1）

				
			

			

				

					aio69762的博客
				

				

					09-11
					
					144
					
				

			

		

		

			
				
注：参考自http://dukeland.hk，本博客系列内容为自己解读的成果，以备将来自己回顾使用。所有版权归原作者所有，如有任何问题，请联系原作者。

写编程语言的分析器是一个较为困难的工作。按常规思路，遇到困难的工作我们首先要做的就是把它分解成数个模块，便于我们化解和定位问题，然后各个击破。那么为了完成编程语言的分析器：
1（字）：将代码按字符读入，过滤掉空格、换行符、注释...

			
		

	





	

		

			

				
					
Cherow：一款更快、基于Typescript的JavaScript解析器

				
			

			

				

					u012996572的博客
				

				

					09-26
					
					1427
					
				

			

		

		

			
				
Cherow是一款由ECMAScript编写的、快速、符合标准的ECMAScript解析器。它严格遵守ECMAScript 2018语言标准，可以解析acc.文件。安全，可应用于生产环境中。全面了解Cherow，请点击这里。
  欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 
  
...

			
		

	





	

		

			

				
					
js解析器

				
			

			

				

					你如今的气质里，藏着你走过的路，经历过的事，读过的书，和爱过的人。
				

				

					11-09
					
					540
					
				

			

		

		

			
				
// console.log(m); // function m() { console.log(2) }
// var m = 10;
// console.log(m); // 10
// function m() {
//     console.log(1)
// }
// console.log(m); 
// var m = 20;
// console.log(m); //20
/...

			
		

	





	

		

			

				
					
MFC编程精华：从窗口到控件的全面解析

				
			

			

				

					
				

			

		

		

			
				
"MFC的总结 超赞的 太经典了VC编程"  MFC，全称为Microsoft Foundation Classes，是微软提供的一套面向对象的类库，它基于C++语言，用于简化Windows应用程序的开发。MFC封装了Windows API，使得开发者能够更高效地...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值