Widely available すべての主要ブラウザで対応済み。安心して使用可能。
言語コア Widely available

globalThis

globalThis はブラウザ（window）、Node.js（global）、Web Workers（self）などの環境差を吸収し、統一的にグローバルオブジェクトにアクセスする方法を提供します。

言語コアES2020

概要

globalThis はブラウザ（window）、Node.js（global）、Web Workers（self）などの環境差を吸収し、統一的にグローバルオブジェクトにアクセスする方法を提供します。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
globalThis
71
79
65
12.1
71
12.2
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

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 Basics

gro-balobject readstandardAPI.

プレビュー全画面表示

Property. Add

GlobalThis to property add and all from aksespossible to.

プレビュー全画面表示

Usage and Key Considerations

rairari or porifuilemit in usage.gro-bal to is note.

プレビュー全画面表示

実務での使いどころ

  • globalThis の活用

    環境に依存しないグローバルオブジェクトへの参照。ブラウザ（window）、Node.js（global）を統一。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

参考リンク

Powered by web-features