关于闭包问题

2011-12-02 10:15:15 273 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

hztgcl1986 墨衍会员 · AI 创作全网分发关注 + 加入社区

reacthook中闭包的常见问题依赖数组：在useEffect的依赖数组中添加需要使用的状态或属性，确保useEffect总是捕获最新的状态。函数式更新：使用setState的函数式更新语法（如），避免闭包捕获旧值。使用useRef：将状态值存储在ref中，并在需要时同步更新ref，确保异步操作中引用的是最新的状态。每种方法的选择取决于具体需求和应用场景，合理利用这些方法可以有效解决 React Hook 中的闭包问题。阅读详情

代码段1



function f(x) 

{  

    var g = function () { return x; }  

    return g;  

}



var g1 = f(1);  

var g2 = f(2);  

alert(g1());  //输出 1  

alert(g2());  //输出 2

代码段2



function a()

{

	var array = new Array();

	for (var i = 0; i < 10; i++)

	{

		array.push(function() {return i});

	}

	

	return array;

}



var array = a();

for (var i = 0; i < array.length; i++)

{

	window.alert(array[i]()); //全是10

}

同样都是闭包，为什么第1段代码输出的值不同，而第二段相同呢？

...全文

狗都能看懂的Proximal Policy Optimization(PPO)PPO算法详解李宏毅老师的PPO算法讲解笔记阅读详情

hztgcl1986

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

JParser 2012-03-31

打赏
举报

修正：

...10个function 都是在a一次执行中定义完成的。

JParser 2012-03-31

打赏
举报

没错，你的两个都有闭包。
为什么不一样，
第二个里面，你在a里定义了10 个function,注意这个10 个function 都是在a执行时，一定定义完成的。function 在定义的解析的时候，会有一个[[scope]]属性指向它定义时所在的环境，这10个function 都指向了这一个a执行时的环境，而i就是在这个环境中的一个变量。随着执行的完成，i最后变成了10。当你在外面再通过数组项的function 引用去调这些function 时，这些function 对这个i的解析是同一个，所以会是10。

而第一个，

你是通过两次执行同一个function,返回两个function 的引用。function 每次执行都没生成不一样的运行环境，返回的这两个function 的[[scope]]的指向也是不一样的，分别两个不同的变量，只是表面名字一样，所以结果也不一样了。

HPhone 2012-03-31

打赏
举报

函数链保存着呢，返回i的结果，这个i和后面的函数i的地址是同一个，后来改变了，自然变化了





function a()

{

    var array = new Array();

    for (var i = 0; i < 10; i++)

    {

        var j=i;

        array.push(function() {return j});

    }

    

    return array;

}



var array = a();

for (var i = 0; i < array.length; i++)

{

    window.alert(array[i]()); 

}

hztgcl1986 2011-12-02

打赏
举报

还有，为什么代码1中输出结果不一样呢？ g1和g2中的闭包包含的都是f的作用域啊？

hookee 2011-12-02

打赏
举报

array.push(function() {return i}); 此时 i 并没有固定到匿名函数中，等到匿名函数运行时还是用的scope a中的i

hztgcl1986 2011-12-02

打赏
举报

很明显，我的代码2是闭包，但是为什么都输出10，我认为3楼是正确的

逍遥庄主 2011-12-02

打赏
举报

[Quote=引用 7 楼 babyboy9685 的回复:]

1 楼正确但好像返回的不是楼主想要的那个东西这样返回后数组中只是一组数了
[/Quote]

对不起是我不细心 1楼是对的我看错行了 Sorry

逍遥庄主 2011-12-02

打赏
举报

1 楼正确但好像返回的不是楼主想要的那个东西这样返回后数组中只是一组数了

licip 2011-12-02

打赏
举报

1楼正确

逍遥庄主 2011-12-02

打赏
举报

这是闭包么？这只是你前边定义一个函数在后边去调用的他啊

把你这代码打上断点调试跟踪一下你就能看到了是从 var array = a(); 执行时才会去调你写的方法

把下边的循环换个变量 j 你就能看出其实你这个Array里放的都是 function(){return i} 这个i 在前边那个循环结束后就是10了第二个循环你再调用时返回的i 不就是10么

暗夜螃蟹 2011-12-02

打赏
举报



array.length  打出来看看不就知道是什么原因了吗

liangws 2011-12-02

打赏
举报

1楼是对的
楼主
for (var i = 0; i < 10; i++)
{
array.push(function() {return i});
}

这样做。function() {return i}的时候i是在a的变量作用域中

hztgcl1986 2011-12-02

打赏
举报

代码2按我的写法，已经形成了闭包了啊

MuBeiBei 2011-12-02

打赏
举报

<script>

    function a()

	{

		var array = new Array();

		for (var i = 0; i < 10; i++)

		{(function(i){

			array.push(function() {return i});

		})(i)}

		

		return array;

	}

	

	var array = a();

	for (var i = 0; i < array.length; i++)

	{

		window.alert(array[i]()); //全是10

	}

</script>

代码2应该这么写~·才会形成闭包~·

oggmm 2011-12-02

打赏
举报

代码1的x是通过传参进来的，是随着所传的参数而变化的；代码2的a()里面的i和array是在同一个作用域，其实你在返回array的时候数组元素里面i的值都是一样，那么返回数组时最后变成什么值就都是什么值

关于闭包问题

相关推荐