JS编程建议——62:在循环体和异步回调中慎重使用闭包

简介: 62:在循环体和异步回调中慎重使用闭包

建议62:在循环体和异步回调中慎重使用闭包
闭包在开发中具有重要的应用价值,由于闭包具有持久性,生成的闭包不会立即被销毁,因此它会持续占用系统资源。如果大量使用闭包,将会造成系统资源紧张,甚至导致内存溢出等错误。另外,闭包在回调函数中会带来负面影响,因此在使用时应该慎重。
下面的示例利用闭包来存储变量所有变化的值。
function f( x ){

var a = [];
for ( var i = 0; i < x.length; i ++ ){
    var temp = x[i];
    a.push( function(){
        alert( temp + ' ' + x[i] )
    });
}
return a;

}
function e(){

var a = f( ["a", "b", "c"] );
for ( var i = 0; i < a.length; i ++ ){
    a[i]();
}

}
e(); // 调用函数e
在这个示例中,函数f的功能是:把数组类型的参数中每个元素的值分别封装在闭包结构中,然后把闭包存储在一个数组中,并返回这个数组。但是,在函数e中调用函数f,并向其传递一个数组(["a", "b", "c"]),然后遍历函数f返回数组,此时会发现,数组中每个元素的值都是“c undefined”。
原来闭包中的变量temp并不是固定的,它会随时根据函数运行环境中的变量temp的值变化而更新,这样会导致临时数组元素的值都是字符“c”,而不是“a”、“b”、“c”,同时,由于循环变量i递增之后,最后的值是3, x[3]超出了数组的长度,所以结果就是undefined。
解决闭包存在缺陷问题的方法是:为闭包再包裹一层函数,然后运行该函数,并把外界动态值传递给它,这个函数接收这些值后传递给内部的闭包函数,从而阻断了闭包与最外层函数的实时联系。
function f( x ){

var a = [];
for ( var i = 0; i < x.length; i ++ ){
    var temp = x[i];
    a.push(
        ( function( temp, i ){
            return function(){
                alert( temp + ' ' + x[i] )
            }
        })( temp, i )
    );
}
return a;

}
function e(){

var a = f( ["a", "b", "c"] );
for ( var i = 0; i < a.length; i ++ ){
    a[i]();
}

}
e();
同一个闭包通过分别引用能够在当前环境中生成多个闭包。例如:
function f( x ){

var temp = x;
return function( x ){
    temp += x;
    alert( temp );
}

}
var a = f( 50 )
var b = f( 100 )
a( 5 ) //55
b( 10 ) //110

相关文章
|
3月前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包:原理与实战
【10月更文挑战第12天】深入理解JavaScript中的闭包:原理与实战
|
2月前
|
JSON 前端开发 JavaScript
在 JavaScript 中,如何使用 Promise 处理异步操作?
通过以上方式,可以使用Promise来有效地处理各种异步操作,使异步代码更加清晰、易读和易于维护,避免了回调地狱的问题,提高了代码的质量和可维护性。
|
2月前
|
JavaScript 前端开发
js 闭包的优点和缺点
【10月更文挑战第27天】JavaScript闭包是一把双刃剑,在合理使用的情况下,它可以带来很多好处,如实现数据封装、记忆功能和模块化等;但如果不注意其缺点,如内存泄漏、变量共享和性能开销等问题,可能会导致代码出现难以调试的错误和性能问题。因此,在使用闭包时,需要谨慎权衡其优缺点,根据具体的应用场景合理地运用闭包。
120 58
|
2月前
|
前端开发 JavaScript 持续交付
提高JavaScript编程效率
提高JavaScript编程效率
31 3
|
2月前
|
缓存 JavaScript 前端开发
js 闭包
【10月更文挑战第27天】JavaScript闭包是一种强大的特性,它可以用于实现数据隐藏、记忆和缓存等功能,但在使用时也需要注意内存泄漏和变量共享等问题,以确保代码的质量和性能。
40 7
|
2月前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包:解锁编程潜能,释放你的创造力
【10月更文挑战第25天】本文深入探讨了JavaScript中的闭包,包括其基本概念、创建方法和实践应用。闭包允许函数访问其定义时的作用域链,常用于数据封装、函数柯里化和模块化编程。文章还提供了闭包的最佳实践,帮助读者更好地理解和使用这一强大特性。
24 2
|
2月前
|
存储 缓存 自然语言处理
掌握JavaScript闭包,提升代码质量与性能
掌握JavaScript闭包,提升代码质量与性能
|
2月前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包(Closures)
深入理解JavaScript中的闭包(Closures)
|
2月前
|
存储 自然语言处理 JavaScript
深入理解JavaScript的闭包(Closures)
深入理解JavaScript的闭包(Closures)
36 0
|
3月前
|
JavaScript 前端开发 开发者
掌握Node.js中的异步编程:从回调到async/await
Node.js的异步编程模型是其核心特性之一,它使得开发者能够构建高性能和高并发的应用程序。本文将带你从Node.js的异步编程基础开始,逐步深入到回调函数、Promises、以及最新的async/await语法。我们将探讨这些异步模式的原理、使用场景和最佳实践,并通过实例代码展示如何在实际项目中应用这些概念。