嘿，我来帮你排查下问题！你提到用了IIFE还是拿不到startInt，大概率是IIFE的使用方式有问题，或者遇到了React闭包的坑，咱们一步步来分析：

最常见的问题：IIFE未正确传递变量 #

很多时候用IIFE捕获变量时，容易忘记把外部变量作为参数传入IIFE的调用括号里。比如你可能写了这样的代码：

const handleUpload = (e) => {
  const startInt = 456;
  const reader = new FileReader();
  
  // 错误：IIFE调用时没传startInt，内部参数是undefined
  reader.onload = (function(startInt) {
    return function(e) {
      console.log(startInt); // 这里会显示undefined
    };
  })(); // 这里的括号里没传startInt！
  
  reader.readAsText(e.target.files[0]);
};

修正方法：把外部的startInt传入IIFE的调用括号，让内部参数能拿到正确的值：

reader.onload = (function(innerStartInt) {
  return function(e) {
    console.log(innerStartInt); // 现在能正常访问了
  };
})(startInt); // 这里传入外部的startInt

如果startInt是React状态变量：闭包导致的旧值问题 #

要是startInt是用useState声明的状态，那异步回调（比如FileReader的onload）可能会捕获到旧的状态值，这时候IIFE也救不了你——因为React函数组件每次渲染都会创建新的函数作用域，回调里的闭包会绑定到渲染时的旧状态。

这时候推荐用useRef来保存最新的状态值，因为ref的current属性是可变的，不会被闭包锁定：

import { useState, useRef, useEffect } from 'react';

function UploadComponent() {
  const [startInt, setStartInt] = useState(123);
  // 用ref同步最新的startInt值
  const startIntRef = useRef(startInt);

  useEffect(() => {
    startIntRef.current = startInt;
  }, [startInt]); // 状态更新时同步ref

  const handleFileUpload = (e) => {
    const file = e.target.files[0];
    const reader = new FileReader();

    reader.onload = () => {
      // 直接访问ref的current拿到最新值
      console.log(startIntRef.current);
    };

    reader.readAsText(file);
  };

  return <input type="file" onChange={handleFileUpload} />;
}

更简洁的替代方案：ES6箭头函数 #

其实现在ES6之后，完全可以不用IIFE来捕获变量了——箭头函数会自动捕获外部作用域的变量，代码更简洁：

reader.onload = (e) => {
  console.log(startInt); // 只要startInt在外部作用域存在，就能直接访问
};

你可以先检查下自己的IIFE是否漏传了变量参数，要是状态变量的问题就试试useRef的方案，应该就能解决啦！

内容的提问来源于stack exchange，提问作者singard