ＪａｖａＳｃｒｉｐｔ闭包技术及ＩＥ内存泄漏分析.docVIP

ＪａｖａＳｃｒｉｐｔ闭包技术及ＩＥ内存泄漏分析 　　摘要：该文主要对Web前端开发中经常使用的浏览器端脚本语言JavaScript进行分析，讨论了其中闭包技术的使用，并结合IE浏览器中内存占用情况分析了不当使用闭包技术造成的内存泄漏情况及避免方法。 　　关键词：JavaScript；闭包；IE浏览器；内存泄漏 　　中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)35-2134-03 　　Closure in JavaScript Analyze of Memory Leak in IE 　　ZHANG Yun-fan 　　(Tongji University, Shanghai 201804, China) 　　Abstract: This essay mainly researched the Web browser script JavaScript which is widely used in Web development and analyzed the usage of Closure technique. It also researched memory leak and its settlement in Internet Explorer according to memory occupancy rate caused by improper usage of Closure. 　　Key words: javascript; closure; internet explorer; memory leak 　　 　　1 JavaScript及DOM文档模型概述 　　 　　1.1 JavaScript概述 　　JavaScript是NetSpace公司引入Java概念所创造的一门语言。最初创建时是为了动态的修改页面标记，但随着文档对象模型（Document object Model，DOM)的出现，以及国际互联网联盟（W3C）完成对DOM的标准化，欧洲计算机制造协会（ECMA）也将JavaScript纳入ECMAScript规约。 　　JavaScript是一种解释型语言，它以程序段的形式包含在html代码中，当用户发送请求时，服务器不会对JavaScript进行编译而是直接将其发送到客户端，由浏览器解释，因此JavaScript面临着面对不同浏览器的兼容性问题。 　　JavaScript是一种基于对象的语言而不是面向对象的，由于它支持一定的面向对象技术，所以很多组织和个人利用此开发出了很多框架和工具，使得JavaScript更加具有面向对象的能力。其中闭包就是在实现这些功能时必须要用到的重要特性。 　　1.2 文档对象模型（DOM）概述 　　1.2.1 DOM模型 　　文档对象模型（Document object Model，DOM)是提供对文档内容、结构、风格进行访问和更新的应用程序接口（API），它是由W3C制定的标准，是一个能让程序和脚本动态访问和更新文档的语言平台。DOM可以分为3个部分:核心、XML和HTML。DOM和 JavaScript没有直接关系，其他语言也可以使用DOM。但是由于DOM的出现，JavaScript成为了一种非常强有力的页面工具。HTML DOM将整个html文档表述成页面里的一个树型结构,其根节点是Document对象，每个元素和属性都是树上的一个节点。比如如下一段简单的html代码，将其表示成HTML DOM的树型结构就如图1所示。 　　＜html＞ 　　＜head＞ 　　＜title＞你好＜/title＞ 　　＜/head＞ 　　＜body＞ 　　＜h1＞标题＜/h1＞ 　　＜p＞段落＜/p＞ 　　＜/body＞ 　　＜/html＞ 　　1.2.2 使用JavaScript操作HTML DOM 　　JavaScript可以遍历DOM文档树上的任何节点，动态添加或者删除节点，也可以对节点的属性进行修改或对该节点存值进行修改。JavaScript的操作会立即作用的DOM树上。DOM的部分常见对象如下： 　　1) Document对象： 　　Document 对象代表整个 HTML 文档，可用来访问页面中的所有元素。Document 对象是 Window 对象的一个部分，可通过 window.document 属性来访问。 　　2) Event对象： 　　Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行。 　　3) Windows对象 　　Window 对象是 JavaS