浅谈JS词法环境
2024-10-21 04:04:06
JavaScript 词法环境
本文主要讲解JS词法环境,我们将看到什么是词法环境,词法范围如何工作,函数内部的名称如何解析,内部属性,弄清楚词法环境利于我们理解闭包。让我们开始吧...
什么是词法环境?
在理解闭包时,最大的混淆来源是术语“词汇环境”,或者只是“词汇”这个词。在计算机科学中术语“词汇”仅表示“源代码”,或者换句话说,“与写的代码有关”。
大家请考虑以下代码:
var a = 'static';
function f1() {
console.log(a);
}
function f2() {
var a = 'dynamic';
f1();
}
f2();
仔细考虑,大家觉得会输出什么?正确答案是:static。
首先 JavaScript 编译器读取程序的源代码,并在编译时根据给定函数的定义确定其可访问的环境。所以在 f1 被定义的时候它的词法范围就已经确定了,即它是全局定义的所以它的词法范围也为全局。无论在哪里调用,a 都是‘static’。
下一个例子:
var a = 'easy';
(function() {
var b = 'easy';
function f1() {
console.log(a, b);
}
function f2() {
var a = 'difficult';
var b = 'difficult';
f1();
}
f2();
})();
这段代码大家觉得结果会是什么?正确答案:easy easy
说明:f1 的本地环境并没有定义 a,b 因此搜索将移至词汇环境。在词汇环境中,搜索的第一个封闭环境,即 IIFE(立即执行函数) 的局部环境,存在 b;继续访问外部范围获取到全局的 a,故 f1 的输出结果为 easy easy。
最后:请始终记住函数定义的时候词法范围就决定了。与其在哪里调用无关。将在下一篇文章讲解JS中的闭包。
最新文章
- 怎样去除织梦版权信息中的Power by DedeCms
- SQL Server 2016将内置R语言?
- R语言实战
- WP布局之Pivot和Panorama
- python中的几种遍历列表的方法比较
- python中3个帮助函数help、dir、type的使用
- Leetcode:Unique Binary Search Trees &; Unique Binary Search Trees II
- Android中的分页加载
- centos7基础学习第一天
- python学习日记(初识递归与算法)
- appium定位toast消息的使用
- 16.xml
- IEEE754标准的浮点数存储格式
- 20162322 朱娅霖 作业005&;006 栈,队列
- Cassandra创建第一个用户
- 关于Element UI中页面样式小问题
- arcgis创建渔网
- 从join on和where执行顺序认识T-SQL查询处理执行顺序
- linux查看文件夹大小,备份文件夹zip压缩解压
- C# 处理DateTime算法,取某月第1天及最后一天