javaScript词法分析

谁借莪１个温暖的怀抱￠ 2022-07-28 01:22 245阅读 0赞

**1.概念：**

var str1 = 'global';
    function t1(){
        console.log(str1);//global
        console.log(str2);//undefinde
    
        var str2 = 'local';
    }
    
    t1(); 
    
    注：
    js 代码自上而下执行：
    js代码在整体运行分：
        1.词法分析期：
        2.运行期：
    自上而下执行之前，先有一个词法分析过程
       分析 :
          1.先分析t1函数
          t1(){
              var str2  //分析出， t1内有str2 局部变量，此时为函数未执行                 
                       //因此str2的值是undefined
          }
    
          2.执行t1函数
           console.log(str1) //global
           console.log(str2) //undefinde

**2.解释：**

词法分析：   
1.先分析参数；   
2.再分析变量声明；   
3.分析函数声明；   
一个函数能使用的局部变量，就从上面的3步分析而来

具体步骤：
    1.函数运行前的一瞬间，生成 Active Object(活动对象)；
    2.
       2.1 函数声明的参数，形成AO的属性，参数的值即属性的值；
       2.2 接收实参，形成AO相应的属性值
    3.分析变量声明，如 var xxx
       1.如果AO上还没有 xxx 属性，则添加AO属性, 值是undefined
       2.如果AO上己经有 xxx 属性，则不做任何影响
    4.分析函数声明：如 function foo(){},
      1.把函数赋值给 AO.foo 属性
      2.如果此前 foo 属性已存在，则覆盖之前的

## 实例1： ##

function t5(greet){
        var greet ='hello';
        alert(greet);
        function greet(){
        }
       alert(greet);
    }
    t5(null);
    
    /*
     *	 词法分析过程：
     *	1.形成活动对象：AO={};
     *	2.
     *  	2.1分析参数：AO ={greet:undefined};
     *  	2.2接收参数：AO={greet:null};
     *	3.分析greet变量声明，AO已经有greet属性，因此不做任何影响；
     *	4.分析greet函数声明，AO.greet = function() {} ,被覆盖成函数
     *
     *	执行过程：
     * 	greet = 'hello';
     *  	alert(greet); //hello
     *  	alert(greet);//hello
     */

## 实例2： ##

function a(b){
        alert(b);
       b = function(){
            alert(b);
        }
        b();
    }
    a(1);
    
    /**
     * 分析期：
     *	1.AO={};
     *	2.
     *   	2.1分析参数 AO = {b:undefined}
     *   	2.2接收参数 AO = {b:1};
     *	3.分析var声明，此函数没有var
     *	4.分析函数声明，没有函数声明；
     *
     * 执行期：
     *  1.alert(b); 1
     *  2.b = function(){
     *   	alert(b);
     *    }
     *  3.b(); //function
    
     * 注：是赋值，只有在执行时才有效；
     *	b = function(){
     *  	alert(b);
     *  }
     * 
     **/

## 实例3： ##

function a(b){
        alert(b);
        function b(){
            alert(b);
        }
        b();
    }
    a(1);
    /*
     *	分析期：
     *	1.AO={};
     *	2.
     *  	2.1分析参数 AO = {b:undefined};
     *   	2.2接收参数 AO = {b:1};
     *	3.分析var声明，此函数没有var
     *	4.分析函数声明, AO = {b:function(){}}
     *	执行期：
     * 	1.alert(b); function
     *  	2.b();  //由作用域寻找到a函数中的b，即 function
     */

发表评论取消回复

表情：

评论列表（有 0 条评论，245人围观）

还没有评论，来说两句吧...

相关阅读

相关开始词法分析

原文件： ![SouthEast][] 单步出来的结果信息，当前是分开保存到JCTree中的 ![SouthEast 1][] JCExpression解

ゞ浴缸里的玫瑰/ 2024年02月18日 17:32/ 0 赞/ 62 阅读

相关 HTML词法分析

读取html字符串，转为tokens数组。 scanner.js / 扫描器类 / class Scanner {

古城微笑少年丶/ 2023年01月10日 03:55/ 0 赞/ 219 阅读

相关绪论词法分析语法分析语义分析

词法分析的主要任务词法分析的主要任务 1.确定单词的类型：讲识别出的单词转换成统一的机内表示——词法单元形式(token) token:<

左手的ㄟ右手/ 2022年11月29日 00:47/ 0 赞/ 254 阅读

相关 mysql词法分析antlr4_[转载] ANTLR——词法分析

词法分析是编译过程的第一步，是编译过程的基础。词法分析除了上一章讲过它为语法分析提拱记号流，滤掉编译过程不关心的内容以外，还有一个重要的作用是有了词法分析可以大大提高编译的效率

不念不忘少年蓝@/ 2022年10月25日 05:50/ 0 赞/ 349 阅读

相关词法分析

本章概述执行词法分析的程序称为词法分析器。本章中，了解词法分析器的功能和输出形式，熟练掌握词法分析器设计的原理和方法，能够以转换图为工具使用某种语言的编写并调试一个扫描

我不是女神ヾ/ 2022年09月24日 11:16/ 0 赞/ 1476 阅读

相关 javaScript词法分析

1.概念： var str1 = 'global'; function t1(){ console.log(str1);//global

谁借莪１个温暖的怀抱￠/ 2022年07月28日 01:22/ 0 赞/ 246 阅读

相关【编译原理】词法分析

词法分析 -------------------- 词法分析词法分析概述正规文法与状态转换图

ゞ浴缸里的玫瑰/ 2022年06月16日 06:41/ 0 赞/ 1413 阅读

相关 javaScript语言编写的Java语言编译器-词法分析模块

javaScript语言编写的Java语言编译器-词法分析模块源代码地址 [https://github.com/LQ55/compiler][https_gith

以你之姓@/ 2022年05月19日 08:59/ 0 赞/ 219 阅读

相关词法分析

小C语言--词法分析程序 Time Limit: 1000 ms Memory Limit: 5000 KiB [Submit][] [Statistic][] Pr

待我称王封你为后i/ 2022年05月11日 04:06/ 0 赞/ 270 阅读

相关编译器DIY——词法分析

在上一篇文章中已经介绍了读文件的操作，那么这一篇文章中将会细致解释词法分析。在源文件里解析出的单词流必须识别为保留字，标识符，常量，操作符和界符五大类 1.显然我们须要列

素颜马尾好姑娘i/ 2022年03月27日 09:44/ 0 赞/ 263 阅读