globalThis
globalThis はグローバルプロパティで、グローバルオブジェクトと同等であるグローバルな thisが格納されています。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 71 | 79 | 65 | 12.1 | 71 | 12.2 | |
基本構文
JAVASCRIPT
// Works in any environment
globalThis.setTimeout(() => console.log('timer'), 100);
// No need for traditional environment checks
// const global = typeof window !== 'undefined' ? window : global; ライブデモ
実務での使いどころ
-
globalThis の活用
globalThis はグローバルプロパティで、グローバルオブジェクトと同等であるグローバルな thisが格納されています。
注意点
- 特になし。すべての主要ブラウザで安定して動作する。
アクセシビリティ
- JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。