JS函数调用异常：setup_color无法识别变量i，求简便修复方案

嘿，这个问题其实是JavaScript作用域在搞鬼！你在for循环里用let声明的i，作用域仅限于循环的每一个块级上下文，而独立的setup_color函数根本访问不到这个变量，所以才会出现无法识别i的错误。下面给你几个超简便的修复方法：

方法1：把索引作为参数传入函数（最推荐，保留函数复用性） #

直接修改setup_color函数，让它接收一个索引参数，调用时把当前循环的i传进去就行：

function setup_color(index) { 
  $("#L" + index).css('background-color', "#DCC9FF"); 
} 

for (let i = 0; i < splitString.length; i++) { 
  $temp = splitString[i]; 
  if ($temp > "") { 
    $("#I" + i).val($temp); 
    setup_color(i); // 传入当前循环的索引i
  } 
}

这种方式既解决了作用域问题，又保留了setup_color函数的复用性——如果以后需要修改颜色逻辑，只改这一个函数就行。

方法2：直接内联函数逻辑（适合简单场景） #

如果setup_color的逻辑只有这一行，完全可以把它直接写到循环里，省去函数调用的步骤：

for (let i = 0; i < splitString.length; i++) { 
  $temp = splitString[i]; 
  if ($temp > "") { 
    $("#I" + i).val($temp); 
    // 直接把颜色设置逻辑写在这里
    $("#L" + i).css('background-color', "#DCC9FF"); 
  } 
}

这种方式代码更紧凑，适合逻辑简单的场景，也彻底避免了作用域的问题。

方法3：利用闭包绑定作用域（稍复杂，适合特殊场景） #

如果你不想修改函数定义和调用方式，也可以在循环里用闭包把i的当前值绑定到函数里：

for (let i = 0; i < splitString.length; i++) { 
  $temp = splitString[i]; 
  if ($temp > "") { 
    $("#I" + i).val($temp); 
    // 用立即执行函数绑定当前的i
    (function(currentIndex) {
      $("#L" + currentIndex).css('background-color', "#DCC9FF");
    })(i);
  } 
}

不过这种方式不如前两种直观，除非有特殊需求，不然更推荐前两种方法。

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