Amplify应用中获取Cognito用户属性时user变量未定义问题

核心原因 #

Auth.currentAuthenticatedUser()是基于Promise的异步操作，你的问题本质是异步代码执行顺序+变量作用域导致的：

• 如果在then回调内部定义变量（比如const user = ...），该变量的作用域仅限回调函数内部，外部自然无法访问，直接调用就会触发no-undef错误。
• 就算在外部提前声明变量，同步代码也会先于异步回调执行，此时变量还未被赋值，直接访问要么得到undefined，要么因写法错误触发未定义报错。

解决思路 #

1. 正确管理变量作用域+异步执行时机 #

先在回调外部声明变量，然后在回调内部赋值，但必须确保访问变量的逻辑在异步完成后执行：

// 外部声明变量，提升作用域
let currentUser;

Auth.currentAuthenticatedUser()
  .then(user => {
    currentUser = user;
    // 所有需要使用currentUser的逻辑必须放在这里，或者在后续的异步流程中
    console.log(currentUser); // 正常输出
  })
  .catch(err => console.error('获取用户失败:', err));

// ❌ 这里直接console.log(currentUser)会得到undefined，因为异步还没执行完

2. 用async/await替代then回调（推荐） #

这种写法让异步代码更接近同步逻辑，彻底避免作用域混乱：

// 包裹在async函数中
async function fetchCurrentUser() {
  try {
    const currentUser = await Auth.currentAuthenticatedUser();
    // 这里可以直接使用currentUser，作用域清晰
    console.log(currentUser);
    // 可以把用户数据返回给其他逻辑使用
    return currentUser;
  } catch (err) {
    console.error('获取认证用户失败:', err);
  }
}

// 调用函数
fetchCurrentUser();
// 如果需要在外部接收返回值，也要用await
// const user = await fetchCurrentUser();

3. 将后续业务逻辑移入回调 #

如果不想用async/await，把所有依赖用户数据的代码都放在then回调内部，确保在异步完成后执行：

Auth.currentAuthenticatedUser()
  .then(user => {
    // 在这里处理所有需要用户数据的业务逻辑
    renderUserProfile(user);
    saveUserAttributes(user.attributes);
  })
  .catch(err => console.error(err));

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