资讯专栏INFORMATION COLUMN

You-Dont-Know-JS - 词法作用域

bang590 / 642人阅读

摘要:原文原文原文词法作用域作用域有两种常见的模型,一种叫做词法作用域,一种叫做动态作用域。其中词法作用域更常见,被大多数语言采用,包括。值得注意的是,一个函数作用域只有可能存在于一个父级作用域中,不会同时存在两个父级作用域。

原文: 原文1 | 原文2

  

Lexical Scope - 词法作用域

作用域有两种常见的模型,一种叫做 词法作用域 Lexical Scope,一种叫做动态作用域 Dynamic Scope。其中词法作用域更常见,被大多数语言采用,包括javascript。

词法分析

词法分析过程Lex-time,是指系统讲源码字符串解读成有含义的token的过程。词法作用域就是说在词法分析过程中指派的作用域,词法作用域在词法解析过程中就已经定死了。

依然有一些手段能在词法解析之后改变词法作用域,但这些做法并不推荐。使用关键词eval, with,会产生性能问题。

考虑如下代码:

气泡(作用域) 1 :即全局作用域,包含变量foo

气泡(作用域) 2 :foo的作用域,包含变量a,bar,b

气泡(作用域) 3 :bar的作用域,包含变量c

bar 作用域里完整的包含了foo 的作用域, 因为bar 是在foo中定义的,产生嵌套作用域。值得注意的是,一个函数作用域只有可能存在于一个父级作用域中,不会同时存在两个父级作用域。

过程:

语句console.log寻找变量a,b,c 其中c在自己的作用域中找到,a,b在自己的作用域中找不到,于是向上级作用域中查找,在foo的作用域中找到,并且调用。作用域向上查找的过程中,匹配第一次查找到的变量,也就是说如果foo的作用域中也定义了c,但bar函数只调用自己作用域里的c。

作用域的查找一直会找到全局作用域的全局对象,比如浏览器中的window,你可以定义window.a来确保变量a可以被获取。

词法作用域向上查找只查找第一级变量,比如变量foo.bar.baz, 查找的是对象foo,查找到了再从对象里获取bar以及baz,查找本身与bar,baz无关。

动态作用域 Dynamic Scope

动态作用域,javascript并无采用,但是与js的 this机制非常相似,看如下代码:
动态作用域是在代码运行时定义的,而非代码解析时。

function foo() {
    console.log( a ); 
}

function bar() {
    var a = 3;
    foo();
}

var a = 2;

bar();

bar调用,bar里面foo被调用,foo函数需要查找变量a,由于javascript采用词法作用域,foo被解析的时候是在全局作用域,所以a是全局作用域中的2,而非bar里面的a。假设js采用的是动态作用域,foo是在bar中被调用的,所以a查找到了bar作用域里的3。

作为对照,动态作用域不关心它本身是怎样在哪里声明的,只关心它在哪里调用的,动态作用域的域链基于调用栈,而不是代码中的嵌套关系。

相反,词法作用域关心的是函数在哪里声明的,动态作用域的概念和js中的this相同,this也关心函数在哪里调用的。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85510.html

相关文章

  • You-Dont-Know-JS - 作用

    摘要:编译器对赋值的操作当编译器遇到它会询问域是否存在变量,如果存在编译器忽略这个声明,如果不存在编译器要求域声明一个新变量给自己。两种引用引用和引用,对于编译器来说,指变量用于赋值,是指变量用于取值。里面的也是引用,因为它用于获取的值。 You-Dont-Know-JS是github上一个拥有9000多枚星星的JS教学文档,评价很高,为了避免和其他翻译文一样,容易陷入不宜读的混乱,也试图避...

    pingan8787 评论0 收藏0
  • 闭包,又见闭包。。。。?

    摘要:完美的闭包,对,闭包就这么简单。这仅仅是闭包的一部分,闭包利用函数作用域达到了访问外层变量的目的。此时一个完整的闭包实现了,的垃圾回收机制由于闭包的存在无法销毁变量。 1.闭包是指有权访问另一个函数作用域中的变量的函数。 上面这段话来自 javascript 高级程序设计 第三版 P178 。作者说闭包是一个函数,它有访问另一个函数作用域中的变量的能力。 2.函数访问它被创建时所处的...

    keelii 评论0 收藏0
  • 架构师之路

    摘要:因为用户不用在第一次进入应用时下载所有代码,用户能更快的看到页面并与之交互。译高阶函数利用和来编写更易维护的代码高阶函数可以帮助你增强你的,让你的代码更具有声明性。知道什么时候和怎样使用高阶函数是至关重要的。 Vue 折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示) 稍微改改都能直接拿来用~~~哟吼吼,哟吼吼..... 如何无痛降低 if else 面...

    NikoManiac 评论0 收藏0
  • JS学习系列 02 - 词法作用

    摘要:作用域有两种主要工作模型词法作用域和动态作用域。可能会有一些同学认为是,那就是没有搞清楚词法作用域的概念。在严格模式下,在运行时有自己的词法作用域,意味着其中的声明无法修改所在的作用域。 1. 两种作用域 作用域我们知道是一套规则,用来管理引擎如何在当前作用域以及嵌套的子作用域中根据标识符名称进行变量查找。 作用域有两种主要工作模型:词法作用域和动态作用域。 大多数语言采用的都是词法作...

    bladefury 评论0 收藏0
  • 你应该要知道的作用和闭包

    摘要:写在前面对于一个前端开发者,应该没有不知道作用域的。欺骗词法作用域有两个机制可以欺骗词法作用域和。关于你不知道的的第一部分作用域和闭包已经结束了,但是,更新不会就此止住未完待续 这是《你不知道的JavaScript》的第一部分。 本系列持续更新中,Github 地址请查阅这里。 写在前面 对于一个前端开发者,应该没有不知道作用域的。它是一个既简单有复杂的概念,简单到每行代码都有它的影子...

    JouyPub 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<