JS函数参数undefined问题求助：新手不解console.log输出异常

嘿，作为编程新手遇到这种变量突然变undefined的情况太正常了，我来帮你拆解下可能的原因和解决办法～

首先，你提到第11行的console.log运行正常，但后续调用函数时传入的idGame和percentage变成了undefined，结合你给出的代码片段，大概率是下面两个原因之一：

1. 循环索引的边界问题 #

你写的循环条件是：

for(var i = 0 ; i < data.length - 1; i += 2)

你的逻辑应该是每次取data[i]和data[i+1]分别作为idGame和percentage，但如果data数组的长度是奇数，或者数组末尾的元素不完整，就可能导致data[i+1]超出数组索引范围，直接返回undefined。

比如假设data长度是5（索引0-4），data.length-1是4，循环条件i < 4会让i最大走到2，此时i+1=3是合法索引；但如果data长度是4，i最大走到2，i+1=3刚好是最后一个索引，也没问题。但如果你的data数组实际返回的结构不是严格的“每两个元素一组”，就会出现某一组的第二个元素缺失的情况。

你可以在.done()回调的开头先打印整个数据，确认结构是否符合预期：

.done(function(data){
  console.log('完整返回数据:', data); // 先确认数组结构
  for(var i = 0 ; i < data.length - 1; i += 2) {
    // 后续代码
  }
})

2. var导致的作用域陷阱（最可能的原因） #

你用var声明了循环变量i，而var是函数级作用域，不是块级作用域——也就是说整个循环里只有一个i变量，每次循环都会覆盖它的值。如果你在循环里调用的是一个异步函数（比如定时器、需要等待的操作，或者其他延迟执行的代码），当这个函数真正执行时，循环已经跑完了，i的值已经变成了循环结束后的最大值，这时候再去取data[i]和data[i+1]，自然就超出了数组范围，得到undefined。

举个类似的错误示例：

// 错误示例：用var声明i
for(var i = 0; i < data.length -1; i+=2) {
  var idGame = data[i];
  var percentage = data[i+1];
  console.log(idGame, percentage); // 这里是同步执行，所以正常打印
  // 如果是异步调用函数，比如setTimeout
  setTimeout(function() {
    console.log(idGame, percentage); // 这里会打印undefined，因为i已经是循环结束后的值
  }, 100);
}

解决办法 #

把var i改成let i，let是块级作用域，每次循环都会创建一个独立的i变量，保留当前循环的索引值，这样异步函数执行时就能拿到正确的参数：

// 正确示例：用let声明i
for(let i = 0 ; i < data.length - 1; i += 2) {
  var idGame = data[i];
  var percentage = data[i+1];
  console.log(idGame, percentage); // 正常打印
  // 异步调用也能拿到正确的值
  setTimeout(function() {
    console.log(idGame, percentage); // 现在会正常输出预期值
  }, 100);
}

如果你的环境不支持ES6的let，也可以用**立即执行函数表达式(IIFE)**来捕获当前的i值，不过let是更现代简洁的写法。

额外检查点 #

如果你的函数是同步调用的，那再检查下是不是在赋值idGame和percentage时写错了变量名或者索引（比如把data[i]写成了data[id]之类的低级错误）。

内容的提问来源于stack exchange，提问作者Q.Kira