浅谈JS词法环境

战神部落

JavaScript 词法环境

本文主要讲解JS词法环境，我们将看到什么是词法环境，词法范围如何工作，函数内部的名称如何解析，内部属性，弄清楚词法环境利于我们理解闭包。让我们开始吧...
什么是词法环境？

在理解闭包时，最大的混淆来源是术语“词汇环境”，或者只是“词汇”这个词。在计算机科学中术语“词汇”仅表示“源代码”，或者换句话说，“与写的代码有关”。
大家请考虑以下代码：

1. var a = 'static';
3. function f1() {
4.    console.log(a);
5. }
7. function f2() {
8.    var a = 'dynamic';
9.    f1();
10. }
12. f2();

复制代码

仔细考虑，大家觉得会输出什么？正确答案是：static。
首先 JavaScript 编译器读取程序的源代码，并在编译时根据给定函数的定义确定其可访问的环境。所以在 f1 被定义的时候它的词法范围就已经确定了,即它是全局定义的所以它的词法范围也为全局。无论在哪里调用,a 都是‘static’。
下一个例子：

1. var a = 'easy';
3. (function() {
4.    var b = 'easy';
6.    function f1() {
7.       console.log(a, b);
8.    }
10.    function f2() {
11.       var a = 'difficult';
12.       var b = 'difficult';
13.       f1();
14.    }
16.    f2();
17. })();

复制代码

这段代码大家觉得结果会是什么？正确答案：easy easy

说明：f1 的本地环境并没有定义 a,b 因此搜索将移至词汇环境。在词汇环境中，搜索的第一个封闭环境，即 IIFE(立即执行函数) 的局部环境，存在 b；继续访问外部范围获取到全局的 a,故 f1 的输出结果为 easy easy。
最后：请始终记住函数定义的时候词法范围就决定了。与其在哪里调用无关。将在下一篇文章讲解JS中的闭包。

来源:https://www.cnblogs.com/pglin/p/17033612.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！