JavaScript 中怎么使用 Promise 包装通知权限申请的异步交互-js教程-PHP中文网

javascript 中怎么使用 promise 包装通知权限申请的异步交互

在 JavaScript 中，Notification.requestPermission() 是一个同步方法，但它返回的是一个 Promise（从 Chrome 46+、Firefox 47+ 开始），所以不需要额外包装就能直接用 await 或 .then() 处理。但要注意：它**只在用户主动触发的事件中（如点击）才被允许调用**，否则会直接拒绝或抛出异常。

确保在用户交互上下文中调用

浏览器强制要求通知权限申请必须由用户手势（如 click、tap）触发，否则会静默失败或返回 "denied"。

✅ 正确：绑定在按钮点击事件里
❌ 错误：放在 setTimeout、页面加载完成时、或自动初始化逻辑中

用 async/await 简洁处理权限结果

直接 await 原生返回的 Promise，无需手动 new Promise 包装：

Alibabacloud Sdk Client Initialization For Java

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

下载

async function requestNotificationPermission() {
  try {
    const permission = await Notification.requestPermission();
    if (permission === 'granted') {
      console.log('通知权限已授予');
      // 可选：发送一条测试通知
      new Notification('欢迎！', { body: '你已开启通知' });
    } else if (permission === 'denied') {
      console.log('用户拒绝了通知权限');
    } else {
      console.log('用户暂未决定（permission === "default"）');
    }
  } catch (err) {
    console.error('请求权限时出错：', err);
  }
}

// 在按钮点击中调用
document.getElementById('notifyBtn').addEventListener('click', requestNotificationPermission);