资讯专栏INFORMATION COLUMN

JavaScript作用域链与闭包的理解

tianhang / 1500人阅读

摘要:作用域是最重要的概念之一,想要学好就需要理解作用域和作用域链的工作原理。脚本错误脚本错误由此可以引发作用域链的概念在中,函数也是对象,实际上,里一切都是对象。当一个函数创建后,它的作用域链会被创建此函数的作用域中可访问的数据对象填充。

作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域

链的工作原理。

1. 全局作用域(Global Scope)

(1)最外层函数和在最外层函数外面定义的变量拥有全局作用域,例如:

var authorName="Jessica";
function doSomething(){
    var blogName="mengera88";
    function innerSay(){
        alert(blogName);
    }
    innerSay();
}
alert(authorName); //Jessica
alert(blogName); //脚本错误
doSomething(); //mengera88
innerSay() //脚本错误

(2)所有末定义直接赋值的变量自动声明为拥有全局作用域,例如:

function doSomething(){
    var authorName="Jessica";
    blogName="mengera88";
    alert(authorName);
}
doSomething(); //Jessica
alert(blogName); //mengera88
alert(authorName); //脚本错误

  变量blogName拥有全局作用域,而authorName在函数外部无法访问到。

(3)所有window对象的属性拥有全局作用域

  一般情况下,window对象的内置属性都拥有全局作用域,例如window.name、window.location、window.top等等。

2.局部作用域

和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所有在 一些地方也会看到有人把这种作用域称为函数作用域,例如下列代码中的blogName和函数innerSay都 只拥有局部作用域。

 function doSomething(){
    var blogName="Jessica";
    function innerSay(){
        alert(blogName);
    }
    innerSay();
 }
 alert(blogName); //脚本错误
 innerSay(); //脚本错误

由此可以引发作用域链的概念:

在JavaScript中,函数也是对象,实际上,JavaScript里一切都是对象。函数对象和其它对象一样,拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]],由ECMA-262标准第三版定义,该内部属性包含了函数被创建的作用域中对象的集合,这个集合被称为函数的作用域链,它决定了哪些数据能被函数访问。

  当一个函数创建后,它的作用域链会被创建此函数的作用域中可访问的数据对象填充。例如定义下面这样一个函数:

function add(num1,num2) {
    var sum = num1 + num2;
    return sum;
}

在函数add创建时,它的作用域链中会填入一个全局对象,该全局对象包含了所有全局变量,函数add的作 用域将会在执行时用到。例如执行如下代码:

 var total = add(5,10);

执行此函数时会创建一个称为“运行期上下文(execution context)”的内部对象,运行期上下文定义 了函数执行时的环境。每个运行期上下文都有自己的作用域链,用于标识符解析,当运行期上下文被创 建时,而它的作用域链初始化为当前运行函数的[[Scope]]所包含的对象。

这些值按照它们出现在函数中的顺序被复制到运行期上下文的作用域链中。它们共同组成了一个新的对象,叫“活动对象(activation object)”,该对象包含了函数的所有局部变量、命名参数、参数集合以及this,然后此对象会被推入作用域链的前端,当运行期上下文被销毁,活动对象也随之销毁。

在函数执行过程中,每遇到一个变量,都会经历一次标识符解析过程以决定从哪里获取和存储数据。 该过程从作用域链头部,也就是从活动对象开始搜索,查找同名的标识符, 如果找到了就使用这个标识符对应的变量,如果没找到继续搜索作用域链中的下一个对象, 如果搜索完所有对象都未找到,则认为该标识符未定义。函数执行过程中,每个标识符都要经历 这样的搜索过程。

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

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

相关文章

  • 前端基础进阶(四):详细图解作用链与闭包

    摘要:之前一篇文章我们详细说明了变量对象,而这里,我们将详细说明作用域链。而的作用域链,则同时包含了这三个变量对象,所以的执行上下文可如下表示。下图展示了闭包的作用域链。其中为当前的函数调用栈,为当前正在被执行的函数的作用域链,为当前的局部变量。 showImg(https://segmentfault.com/img/remote/1460000008329355);初学JavaScrip...

    aikin 评论0 收藏0
  • JavaScript作用链与闭包理解

    摘要:作用域是最重要的概念之一,想要学好就需要理解作用域和作用域链的工作原理。脚本错误脚本错误由此可以引发作用域链的概念在中,函数也是对象,实际上,里一切都是对象。当一个函数创建后,它的作用域链会被创建此函数的作用域中可访问的数据对象填充。 作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域 链的工作原理。 1. 全局作...

    darcrand 评论0 收藏0
  • JavaScript作用链与闭包理解

    摘要:作用域是最重要的概念之一,想要学好就需要理解作用域和作用域链的工作原理。脚本错误脚本错误由此可以引发作用域链的概念在中,函数也是对象,实际上,里一切都是对象。当一个函数创建后,它的作用域链会被创建此函数的作用域中可访问的数据对象填充。 作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域 链的工作原理。 1. 全局作...

    BaronZhang 评论0 收藏0
  • 前端基础进阶(六):在chrome开发者工具中观察函数调用栈、作用链与闭包

    摘要:在的开发者工具中,通过断点调试,我们能够非常方便的一步一步的观察的执行过程,直观感知函数调用栈,作用域链,变量对象,闭包,等关键信息的变化。其中表示当前的局部变量对象,表示当前作用域链中的闭包。 showImg(https://segmentfault.com/img/remote/1460000008404321); 在前端开发中,有一个非常重要的技能,叫做断点调试。 在chrome...

    draveness 评论0 收藏0
  • “动静结合” 小白初探静态(词法)作用域,作用链与执行环境(EC)

    摘要:图片中的作用域链,是全局执行环境中的作用域链。然后此活动对象被推入作用域链的最前端。在最后调用的时候,创建先构建作用域链,再创建执行环境,再创建执行环境的时候发现了一个变量标识符。 从图书馆翻过各种JS的书之后,对作用域/执行环境/闭包这些概念有了一个比较清晰的认识。 栗子说明一切 第一个栗子 来看一个来自ECMA-262的栗子: var x = 10; (function foo(...

    Drummor 评论0 收藏0

发表评论

0条评论

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