嵌套回调中访问数组元素出现undefined问题求助

这是个非常典型的异步回调+闭包陷阱问题，我来帮你拆解原因并给出解决方案：

问题根源 #

你的for循环是同步执行的，但循环内部的connection.query是异步操作——它不会等当前查询完成再执行下一次循环，而是直接发起所有查询请求，等数据库返回结果时才触发回调。

当回调函数真正执行时，外层循环的变量i已经跑完了整个循环，变成了tables.length（也就是超出数组下标的值），此时tables[i]自然就是undefined了。

三种可行解决方案 #

1. 用let声明循环变量（ES6+推荐）

let会在每次循环迭代时创建一个独立的块级作用域，每个异步回调都会绑定当前迭代的i值，不会被后续循环影响：

getTables(function (tables){
  for(let i = 0;i < tables.length; i++){ // 把var改成let
    connection.query('show columns from ' + tables[i], function (error, allColumns, fields) {
      if (error) throw error;
      else{
        for(var j = 0;j < allColumns.length; j++){
          console.log("Column: "+allColumns[j].Field+" from table: "+ tables[i]);
        }
      }
    });
  }
});

2. 改用forEach循环

forEach的回调函数会为每个数组元素创建独立作用域，天然避开闭包陷阱，代码也更简洁：

getTables(function (tables){
  tables.forEach(table => { // 直接拿到当前循环的table，不用索引
    connection.query('show columns from ' + table, function (error, allColumns, fields) {
      if (error) throw error;
      else{
        for(var j = 0;j < allColumns.length; j++){
          console.log("Column: "+allColumns[j].Field+" from table: "+ table);
        }
      }
    });
  });
});

3. 立即执行函数表达式（IIFE，兼容旧环境）

如果你的项目还需要兼容不支持ES6的环境，可以用IIFE把当前的i值封装起来，强制创建独立作用域：

getTables(function (tables){
  for(var i = 0;i < tables.length; i++){
    // 把当前i传入IIFE，保存为独立的currentIndex
    (function(currentIndex) {
      connection.query('show columns from ' + tables[currentIndex], function (error, allColumns, fields) {
        if (error) throw error;
        else{
          for(var j = 0;j < allColumns.length; j++){
            console.log("Column: "+allColumns[j].Field+" from table: "+ tables[currentIndex]);
          }
        }
      });
    })(i);
  }
});

额外优化建议 #

如果项目允许，建议把异步操作Promise化，再用async/await重构代码，既能彻底避免回调地狱，可读性也会大幅提升：

// 先把connection.query包装成Promise
const queryPromise = (sql) => {
  return new Promise((resolve, reject) => {
    connection.query(sql, (error, result, fields) => {
      if (error) reject(error);
      else resolve(result);
    });
  });
};

// 用async/await重构逻辑
async function getTablesAndColumns() {
  try {
    const allQueries = await queryPromise('show tables');
    const tables = allQueries.map(item => item.Tables_in_ProyectoFinal);
    
    for(const table of tables) {
      const allColumns = await queryPromise('show columns from ' + table);
      allColumns.forEach(column => {
        console.log(`Column: ${column.Field} from table: ${table}`);
      });
    }
  } catch (error) {
    console.error('查询出错:', error);
  }
}

getTablesAndColumns();

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