闭包代码问题

2012-03-28 05:43:11 138 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

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

问题代码：



function f() {

 var a = [];

 var i; 

 for(i = 0; i < 3; i++) {

 a[i] = function(){

 return i;

 }

 } 

 return a;

}

a[0]()，a[1]()，a[2]()都是3.

都是为了能返回正确数组的值。代码1和代码2都可以返回[1,2,3]。书中《Object-Oriented JavaScript》为什么用代码1，而不用代码2呢？代码2不是更简洁吗？他们有什么区别呢？
代码1：



function f() {

 function makeClosure(x) {

 return function(){

 return x;

 }

 }

 var a = [];

 var i;

 for(i = 0; i < 3; i++) {

 a[i] = makeClosure(i);

 }

 return a;

}

代码2：



function f() {

 function makeClosure(x) {

 

 return x;

 

 }

 var a = [];

 var i;

 for(i = 0; i < 3; i++) {

 a[i] = makeClosure(i);

 }

 return a;

}

...全文