图解JS词法环境(Lexical environment)

港控/mmm° 2021-07-04 17:16 591阅读 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 条评论，591人围观）

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

相关阅读

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

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

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

相关 VBA 用 Environ 获取系统环境变量

![在这里插入图片描述][c9c7c74471b645919fb35149d74c518e.gif_pic_center] 目录 1. VBA Environ系统

ゝ一纸荒年。/ 2022年09月04日 08:51/ 0 赞/ 171 阅读

相关环境变量　getnv environ

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

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

相关环境environment

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

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

相关 Postman使用入门（二） - 环境变量Environments

上一篇文章介绍了如何用Postman发送消息，本文介绍如何用Postman做测试。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_1

一时失言乱红尘/ 2022年04月05日 02:57/ 0 赞/ 451 阅读

相关环境变量(Environment Variable)那点事

在Windows编程中，我们可能经常需要用到环境变量。它其实相当于是操作系统级别的一个配置文件。 .NET编程中可以很方便地访问到这些环境变量，下面的代码就演示了这个过程

阳光穿透心脏的1/2处/ 2022年04月01日 14:27/ 0 赞/ 229 阅读

相关 boost::lexical_cast 的使用

1，字符串到数值类型的转换 2，数值到字符串的转换 3，异常处理情况 4，boost::lexical\_cast 的原型： template<type

冷不防/ 2022年03月18日 01:30/ 0 赞/ 156 阅读

相关 MyBatis配置项--配置环境（environments）--databaseIdProvider

Mybatis会加载不带databaseId属性和带有匹配当前数据库databaseId属性的所有语句。如果同时找到带有databaseId和不带databaseId的相同

偏执的太偏执、/ 2021年12月21日 03:03/ 0 赞/ 261 阅读

相关 JS词法

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

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

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

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

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