图解JS词法环境(Lexical environment)

港控/mmm° 2021-07-04 17:16 651阅读 0赞

在ES5中使用`lexical environment`来管理静态作用域,而不再是ES3中的`AO/VO`

词法环境就是描述环境的对象，主要包含两个部分:

*  环境记录(`Environment Record`)  
    记录相应环境中的形参，函数声明，变量声明等
 *  对外部环境的引用(`out reference`)

代码示例 :

var x = 10;
    function foo(y){ 
        var z = 30;
        function bar(q){ 
            return x + y + z + q;
        }
        return bar;
    }
    var bar = foo(20);
    bar(40);

环境初始化 : 在执行函数/全局代码之前进行环境初始化

**设置`outer reference`**  
先确定当前环境的外部引用(函数环境与该函数的`scope`属性有关)

**环境记录初始化:就是我们常遇到的声明提前**  
在执行全局代码或者函数代码之前,先扫描相应环境中的形参,函数声明,变量声明并将其记录在环境记录中(`Environment Record`)

全局代码执行前,先初始化全局环境

函数代码执行前,先初始化函数环境

图解上述代码中`foo()`函数的环境记录初始化 :

var bar = foo(20);
    //foo()函数在执行之前会进行foo环境的环境初始化
    //先设置foo环境的外部引用(通过foo()函数的scope属性)
    //将形参y:20,z:undefined记录在环境记录中
    //在初始化环境记录遇到函数声明时会创建一个内部函数对象,这个函数对象有一个scope属性指向函数声明所在的环境,如在该代码示例中,扫描到bar()函数声明时会在foo environment中创建一个内部函数对象,其scope属性指向bar()函数声明所在的foo environment,重要的一点是:当开始执行bar()函数前初始化bar()函数的环境时,就把bar()函数的scope属性指向的foo environment 赋值给bar环境的out reference作为其外部引用.

如图所以:  
![在这里插入图片描述][20200319122020719.png]  
环境初始化完成之后，就开始执行环境中的代码

[20200319122020719.png]: /images/20210704/4e423be699084b29b31c804ff57d9f6b.png

发表评论取消回复

表情：

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

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

相关阅读

相关一起学习Mybatis----配置环境environments

environments : 配置环境可以注册多个数据源( data Source),每一个数据源分为两大部分:一个是数据库源的配置,另外一个是数据库事务( transa

逃离我推掉我的手/ 2024年02月19日 14:19/ 0 赞/ 55 阅读

相关 Production Environment生产环境

Production Environment One way to define a production environment is by contrasting it

偏执的太偏执、/ 2023年10月08日 11:20/ 0 赞/ 27 阅读

相关 js作用域和词法分析

JavaScript作用域: 以函数作为作用域函数的作用域在函数未被调用之前，已经被创建函数的作用域存在作用域链，并且也是在被调用之前创建示例一

野性酷女/ 2023年06月08日 03:03/ 0 赞/ 49 阅读

相关 boost：lexical_cast

概述顾名思义，lexical\_cast库进行”字面值“的转换，类似C中的atoi()函数，可以进行字符串与整数/浮点数之间的字面转换标准C和c++库提供了许

港控/mmm°/ 2023年01月22日 05:57/ 0 赞/ 10 阅读

相关 os.environ模块环境变量详解

文章目录 1、os.environ() 详解 1.1 简介 1.2 常见 key 字段 1.3

秒速五厘米/ 2022年12月18日 05:55/ 0 赞/ 257 阅读

相关环境变量　getnv environ

一、什么是环境变量？ Linux是一个多用户的操作系统。多用户意味着每个用户登录系统后，都有自己专用的运行环境。而这个环境是由一组变量所定义,这组变量被称为环境变量。用户可

刺骨的言语ヽ痛彻心扉/ 2022年08月11日 14:58/ 0 赞/ 217 阅读

相关环境environment

const {env}=process; console.log(env); 输出: F:\\nodeFile\\part1>node 11\_env.js

短命女/ 2022年05月17日 08:45/ 0 赞/ 251 阅读

相关 Lexical environments: Common Theory

原文 [ECMA-262-5 in detail. Chapter 3.1. Lexical environments: Common Theory.][ECMA-262

傷城~/ 2022年02月25日 09:35/ 0 赞/ 142 阅读

相关 JS词法

js词法 function func(age) \{ console.log(age); var age = 25; console.log(xxx);

- 日理万妓/ 2021年10月23日 08:29/ 0 赞/ 287 阅读

相关图解JS词法环境(Lexical environment)

在ES5中使用`lexical environment`来管理静态作用域,而不再是ES3中的`AO/VO` 词法环境就是描述环境的对象，主要包含两个部分: 环境记录(

港控/mmm°/ 2021年07月04日 17:16/ 0 赞/ 652 阅读