用户授权弹窗本质是返回promise的异步操作，需用await或.then()处理“已授予”“拒绝”“暂不决定”三种状态，兼顾兼容性与用户中断；应先query再request以防重复弹窗，第三方sdk需手动promise封装。

用户授权弹窗（比如调用 navigator.permissions.request() 或微信、支付宝等 SDK 的授权接口）本质上是异步操作，返回的是 Promise。直接用 await 或 .then() 捕获结果最自然，关键是要正确处理“拒绝”“暂不决定”“已授予”三种状态，并兼顾浏览器兼容性和用户中断场景。

用 async/await 获取权限状态并处理弹窗结果

现代浏览器中请求摄像头、位置、通知等权限会触发用户弹窗，返回 Promise：

• 成功 resolve 一个 PermissionStatus 对象，其 state 属性为 "granted"、"denied" 或 "prompt"
• 用户关闭弹窗或点击“阻止”，Promise 仍会 resolve，但 state 是 "denied" 或 "prompt"，不会 reject
• 注意：不是所有权限都支持 request()，例如 "notifications" 在部分浏览器需先调用 Notification.requestPermission()

示例：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

async function requestCameraPermission() {
  try {
    const result = await navigator.permissions.request({ name: 'camera' });
    if (result.state === 'granted') {
      console.log('✅ 已授权，可启动摄像头');
    } else if (result.state === 'denied') {
      console.log('❌ 用户明确拒绝');
    } else if (result.state === 'prompt') {
      console.log('⚠️ 弹窗被忽略或未操作，状态仍为 prompt');
    }
  } catch (err) {
    // 注意：permissions.request 一般不 throw，但保险起见保留 catch
    console.error('请求失败', err);
  }
}

兼容旧版 API：比如 Notification 权限

Notification.requestPermission() 返回 Promise（新版），但某些低版本环境可能返回同步字符串。稳妥做法是统一包装成 Promise：

function requestNotificationPermission() {
  return new Promise((resolve) => {
    if ('Notification' in window) {
      const result = Notification.requestPermission();
      // 兼容：可能是 string 或 Promise
      if (result instanceof Promise) {
        result.then(resolve);
      } else {
        resolve(result);
      }
    } else {
      resolve('denied');
    }
  });
}

// 使用
requestNotificationPermission().then(state => {
  if (state === 'granted') { /* 启用通知 */ }
});

避免重复弹窗：先查状态再决定是否 request

用户授权弹窗不能频繁触发（浏览器会静默拒绝或报错），应先用 navigator.permissions.query() 检查当前状态：

• state: "granted" → 直接使用功能
• state: "denied" → 提示用户去设置页手动开启
• state: "prompt" → 可安全调用 request() 触发弹窗

async function safeRequestMic() {
  const status = await navigator.permissions.query({ name: 'microphone' });
  switch (status.state) {
    case 'granted':
      startRecording();
      break;
    case 'denied':
      showSettingsHint(); // 引导用户进浏览器设置
      break;
    case 'prompt':
      const result = await navigator.permissions.request({ name: 'microphone' });
      if (result.state === 'granted') startRecording();
      break;
  }
}

第三方 SDK 授权（如微信 JS-SDK）的 Promise 封装

微信 wx.openSetting 或 wx.authorize 默认是回调风格，可用 Promise 包一层提升可读性：

function wxAuthorize(scope) {
  return new Promise((resolve, reject) => {
    wx.authorize({
      scope,
      success: () => resolve('granted'),
      fail: (err) => {
        // err.errMsg 可能含 'auth deny' 或 'auth cancel'
        if (err.errMsg.includes('deny')) {
          resolve('denied');
        } else if (err.errMsg.includes('cancel')) {
          resolve('prompt'); // 视为用户未确认
        } else {
          reject(err);
        }
      }
    });
  });
}

// 调用
wxAuthorize('scope.record').then(state => {
  if (state === 'granted') { /* 开始录音 */ }
});

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南