`

JavaScript 闭包

 
阅读更多
1
介绍

最简单的解释是闭包允许内部函数, 即函数可以嵌套. 内部函数可以访问外层函数的变量, 参数. 内部函数的执行是在外层函数 return 后, 因此要了解闭包的细节, 需要知道它背后的机制.


2
对象分类:

Native对象
    - 内建对象
Host对象

本地对象的一个松散的动态的命名属性包(内建对象的命名属性不是动态的,通常不用关心). 本地对象定义的(命名)属性通常保存一个值, 可以是一个对象(Function 在这里也认为是一个对象)或基本类型的值:String, Number, Boolean, Null or Undefined.
undefined 是一个特殊值, 它表示这个属性存在,但没有值.
null 也是一个特殊值, 这表示对象为空.

区别:
undefined 是表示真正没有值或没有赋值, 而null 则表示有值,即null.

动态本地对象可以创建属性.如
objRef = new Object();
objRef.namedProperty = 1; // 创建一个属性

// or
objRef["namedProperty"] = 1;


当然, 属性在对象内只会创建一次.


2.1 原型链
对象有prototype 属性, prototype 也是一个对象, 它也有 prototype, 如此便形成原型链.原型链的尽头便是 null.

注意: 原型链上的属性是不可修改的.

3
执行上下文

所有JS代码是执行上下文中运行, 全局代码在全局执行上下文, 函数调用在函数执行上下文. eval 函数在另一个执行上下文.

每一次函数调用都在不同的执行上下文中, 即使同一函数的递归调用.

当函数返回时, 返回原始的执行上下文, 如此便形成一个执行上下文栈.

创建非全局的执行上下文将发生如下的步骤:

首先, 创建 Activation 对象或参数对象(AO或VO), Activation 对象包括属性,但它不是一个真正的对象, 它没有 prototype, 不能被JS代码引用.

其次, 创建 arguments 对象, 它有 length 和 callee 属性 ,接着 Activation 对象创建同名的 arguments 属性引用 arguments  对象.

再次, 指定执行上下文的作用域 Scope, Scope 是一个对象链, 将 Scope 赋值给 执行上下文并将 Activation 对象加到 Scope 对象链的开头.

最后, 使用 Activation 对象进行变量实例化.
首先处理 arguments 的实例化, 如果没有对应的值, 就赋值为 undefined;
然后处理内部函数, 将函数名作为属性名, 值为函数的声明;
最后创建外层函数的局部变量, 值默认为 undefined, 实际赋值要等到函数体真正执行时.

this 在全局指向 window, 在构造函数或函数的副本指向对象.
call, apply 可以修改this的指向.

4
作用域

函数有一个内部的 Scope 属性, 它保存函数的 Activation 对象链. 它的尽头是 global 对象.

注意: with 语句可以修改作用域, 在 with 语句块结束时原始作用域恢复.

5
标识符解析

标识符解析根据作用域链解析.

6
闭包

6.1 自动垃圾回收
闭包函数不能自动垃圾回收, 因此处理时需要非常小心.

6.2 由于闭包, 即使执行下下文退出时, AO也不会回收, 否则内部函数访问不了外层函数的参数或属性.

6.3 每次函数调用都会产生新的AO.



























分享到:
评论

相关推荐

    JavaScript闭包

    Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态...本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点 ECMAScript语言规范来使读者可以更深入的理解闭包。

    JavaScript闭包研究及典型应用.pdf

    JavaScript 闭包研究及典型应用 JavaScript 闭包是一种强大的技术,能够在各种场景中发挥重要作用。本文将介绍 JavaScript 闭包的定义、使用场景和典型应用。 闭包函数的定义和使用场景 在 JavaScript 语言中,...

    基于JavaScript闭包的Web图片浏览控件的实现.pdf

    基于JavaScript闭包的Web图片浏览控件的实现 本文主要讲解了基于JavaScript闭包原理的Web图片浏览控件的实现,包括JavaScript闭包概念、闭包应用场景、Web图片浏览控件的设计思路和实现方法。 1. JavaScript闭包...

    javascript 闭包

    闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。

    javascript闭包详解中文word版

    资源名称:javascript闭包详解 中文word版   内容简介: Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C 的程序员来说是一个新的...

    Javascript 闭包完整解释

    ### JavaScript闭包完整解释 #### 一、闭包的基本概念 **闭包**是一个非常重要的JavaScript概念,它指的是一个函数能够记住并访问其外部作用域中的变量的能力,即使该函数在其外部作用域之外被调用也是如此。具体...

    JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解

    在深入讨论JavaScript闭包之前,首先需要了解JavaScript的变量作用域。在JavaScript中,变量的作用域分为两种:全局变量和局部变量。全局变量是在函数外部定义的变量,可以在JavaScript程序的任何地方被访问。局部...

    javascript闭包的理解

    标题《JavaScript闭包的理解》涉及的知识点主要围绕JavaScript编程中的一个重要概念——闭包。闭包是一个高级且复杂的话题,它是JavaScript语言的核心特性之一,同时也是一大难点。要想熟练运用JavaScript,掌握闭包...

    javascript 闭包实例下载

    JavaScript 闭包是一种高级编程概念,它在JavaScript中扮演着至关重要的角色,特别是在函数式编程和模块化设计中。闭包本质上是函数和其能够访问...通过学习这些实例,你将能够更好地掌握JavaScript闭包这一核心概念。

    javaScript闭包技术资料

    ### JavaScript闭包技术详解 #### 一、闭包的基本概念 **闭包**是JavaScript中一个重要的概念,它涉及到函数的执行环境、作用域链等关键要素。简单来说,闭包是一个函数及其相关的引用环境的组合。具体而言,当一...

    【JavaScript源代码】详解JavaScript闭包问题.docx

    详解JavaScript闭包问题  闭包是纯函数式编程语言的传统特性之一。通过将闭包视为核心语言构件的组成部分,JavaScript语言展示了其与函数式编程语言的紧密联系。由于能够简化复杂的操作,闭包在主流JavaScript库...

    javascript闭包高级教程

    ### JavaScript闭包高级教程 #### 简介 在JavaScript编程中,“闭包”是一个非常重要的概念,尤其对于希望深入理解和高效使用JavaScript的开发者来说。简单地说,闭包是一种能够记住并访问其创建时周围环境的函数...

    javascript闭包的高级使用方法实例

    JavaScript 闭包是一种强大的特性,它允许函数访问和操作其外部作用域中的变量,即使在外部函数执行完毕后,这些变量仍然保持活动状态。在高级使用中,闭包可以用于实现模块化、数据封装、方法扩展和重载、以及创建...

    揭开Javascript闭包的真实面目

    【JavaScript 闭包详解】 闭包是JavaScript编程中一个核心且关键的概念,尤其对于初学者而言,理解起来可能有些挑战。闭包本质上是一种特殊的作用域,它可以捕获并存储其外部函数作用域内的变量,即使外部函数已经...

    javascript闭包

    ### JavaScript闭包详解 #### 一、闭包概念与工作机制 **闭包**是JavaScript中最强大的特性之一,它使得函数能够记住并访问其定义时所在的作用域中的变量。要理解和运用闭包,首先需要理解作用域、作用域链以及...

    javaScript闭包的理解

    ### JavaScript闭包的理解 #### 一、闭包的定义与特点 闭包是JavaScript中一个非常重要的概念,它指的是一个函数能够访问并操作其外部作用域中的变量的能力。这一特性使得JavaScript具有了一些其他语言不具备的...

    javaScript闭包

    ### JavaScript闭包详解 #### 引言 JavaScript作为一种动态、弱类型的编程语言,在Web开发领域占据了举足轻重的地位。其中,“闭包”是JS语言中一个非常重要的概念,它不仅能够帮助开发者实现某些特殊的功能,如...

    JavaScript闭包(closure).pdf

    理解并掌握JavaScript闭包是成为专业前端开发者的关键一步。在实际开发中,合理利用闭包可以提高代码的复用性和可维护性,同时也能避免一些常见的编程陷阱。通过深入学习和实践,可以更好地运用闭包这一强大的工具来...

Global site tag (gtag.js) - Google Analytics