JavaScript中闭包的写法和作用详解(2)

var name = "The window"; var object = { name:"My object", getNameFun:function(){ return function(){ return this.name; }; } }; alert(object.getNameFun(){}); //"The window"(在非严格模式下)

把外部作用域中的this对象保存在一个闭包能够访问的变量里面,就可以让闭包访问该对象了。代码如下:

var name = "The window"; var object = { name:"My object", getNameFun:function(){ var that = this; return function(){ return that.name; }; } }; alert(object.getNameFun(){}); //“My object”

6、闭包与内存泄露

具体来说,如果闭包的作用域中保存着一个HTML元素,那么就意味着该元素无法被销毁。如下:

function assignHandler(){ var element = document.getElementById("someElement"); element.onclick = function(){ alert(element.id); } }

以上代码创建了一个作为element元素事件处理程序的闭包,而这个闭包则又创建了一个循环引用。由于匿名函数保存了一个对assignHandler()的活动对象的引用,因此会导致无法减少element的引用数。只要匿名函数存在,element的引用数至少也是1,因此他所占用的内存就不会被回收。

通过改写代码来解决内部不能回收问题:

function assignHandler(){ var element = document.getElementById("someElement"); var id = element.id; element.onclick = function(){ alert(id); } element = null; }

以上代码,实现闭包不直接引用element,包含函数的活动对象中也仍然会保存一个引用。因此,有必要把element的变量设置为null,这样就可以正常回收其占用的内存。

7、使用闭包的注意点

1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

以上所述是小编给大家介绍的JavaScript中闭包的写法和作用详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzsgpp.html