如何在HTML中显示Supabase登录用户邮箱？是否需用异步函数？

关于能否无需调用函数直接显示用户邮箱 #

不行，没办法直接在HTML的<p>标签里显示Supabase登录用户的邮箱。哪怕已经完成登录，用户的身份信息也需要通过Supabase的Auth API获取到对应的用户对象后，才能提取邮箱并插入到DOM元素中，必须借助JavaScript代码来完成这一步。

关于supabase.auth.getUser()的使用要求 #

是的，你必须把这段代码放在异步函数里，因为supabase.auth.getUser()返回的是一个Promise对象，await关键字只能在async标记的函数内部使用。如果不想用async/await，也可以用.then()的链式调用写法，比如：

supabase.auth.getUser()
  .then(({ data: { user } }) => {
    if (user) {
      document.querySelector('#user-email').textContent = user.email;
    }
  })
  .catch(err => console.error(err));

另外，如果你希望页面加载时自动显示用户邮箱，可以把这段代码放在页面的DOMContentLoaded事件监听里，或者放在模块脚本中执行，确保DOM元素已经加载完成后再操作。

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