JS中的执行上下文

JavaScript022

JS中的执行上下文,第1张

执行上下文有 三种 类型:

执行上下文也是一个对象!那么这个对象中包括了哪些内容呢

每一个 执行上下文都包括三个属性:

存储执行上下文的数据结构是堆栈,它是一种先进后出的数据结构, 称其为 执行栈

1.当js引擎首次读取读取脚本时,便会创建一个全局执行上下文,并将其压入栈底,

我们假设一开始的上下文执行栈为 []

在IE下的JS编程中,以下的编程方式都会造成即使关闭IE也无法释放内存的问题,下面分类给出

1、给DOM对象添加的属性是一个对象的引用。

范例:

var MyObject = {}

document.getElementById('myDiv').myProp = MyObject

解决方法:

在window.onunload事件中写上: document.getElementById('myDiv').myProp = null

2、DOM对象与JS对象相互引用。

范例:

function Encapsulator(element) {undefined

this.elementReference = element

element.myProp = this

}

new Encapsulator(document.getElementById('myDiv'))

解决方法:

在onunload事件中写上: document.getElementById('myDiv').myProp = null

3、给DOM对象用attachEvent绑定事件。

范例:

function doClick() {}

element.attachEvent("onclick", doClick)

解决方法:

在onunload事件中写上: element.detachEvent('onclick', doClick)

4、从外到内执行appendChild。这时即使调用removeChild也无法释放。范例:

var parentDiv = document.createElement("div")

var childDiv = document.createElement("div")

document.body.appendChild(parentDiv)

parentDiv.appendChild(childDiv)

解决方法:

从内到外执行appendChild:

var parentDiv = document.createElement("div")

var childDiv = document.createElement("div")

parentDiv.appendChild(childDiv)

document.body.appendChild(parentDiv)

5、反复重写同一个属性会造成内存大量占用(但关闭IE后内存会被释放)。

范例:

for(i = 0i hostElement.text = "asdfasdfasdf"

}

这种方式相当于定义了5000个属性!