JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのグローバルオブジェクトとは？基本の仕組みと使い方を解説

JavaScriptのグローバルオブジェクトとは

JavaScriptにおける通常のオブジェクトとグローバルオブジェクトは別物です。new演算子を使っても、グローバルオブジェクトを作成することはできません。グローバルオブジェクトは、スクリプトエンジンが起動して初期化されるタイミングで自動的に生成され、以降は組み込みの関数や定数がどこからでも利用できるようになります。

なお、実行環境によってグローバルオブジェクトの名前は異なります。ブラウザ環境ではwindowがグローバルオブジェクトとして機能し、Node.js環境ではglobalがその役割を担います。また、近年の標準仕様（ES2020以降）では、環境に依存せずグローバルオブジェクトを参照できるglobalThisも定義されています。

グローバルオブジェクトでできること

グローバルオブジェクトがあることで、主に次のようなことが可能になります。

1. 組み込み関数や値へのアクセス

alertなどの組み込み関数は、windowを明示的に記述せずに直接呼び出すことも、window経由で呼び出すこともできます。どちらの書き方でも同じ結果になります。

alert("Demo Text");
// または
window.alert("Demo Text");

2. グローバル変数や関数宣言へのアクセス

グローバルスコープで宣言した関数や、varで宣言した変数は、グローバルオブジェクトのプロパティとして参照できます。次の例では、変数strをwindow.strという形でアクセスしています。

<html>
  <head>
    <script>
      var str = "Demo Text";
      // window経由でアクセス
      alert( window.str );
    </script>
  </head>
  <body>
  </body>
</html>

まとめ

グローバルオブジェクトは開発者が意図的に作るものではなく、実行環境によって自動的に用意される特別なオブジェクトです。組み込み関数やグローバル変数への共通の入り口となる存在であり、JavaScriptのスコープや変数の動作を正しく理解するうえで欠かせない重要な概念です。

  1. JavaScript alert()メソッドの使い方を徹底解説！基本構文から実践例まで

    JavaScriptのalert()メソッド（Window.alert()とも呼ばれます）は、ユーザーにアラートダイアログボックスを表示するためのメソッドです。省略可能なメッセージ引数を受け取り、OKボタン付きのメッセージをユーザーに表示します。alert()は、処理が成功したことをユーザーに知らせたり、エラーを表示したりする場面でよく使われます。また、alert()は開発ツールとしても便利です。例えば、フォーム送信を処理する関数の中にalert()を配置することができます。一般的には、event.preventDefault()が呼び出された後にalert()を配置します。おさらいすると、e

  2. JavaScriptのオブジェクト分割代入（Destructuring）とは？基本構文と使い方を解説

    JavaScriptのオブジェクト分割代入（Object Destructuring）とはオブジェクト分割代入（Object Destructuring）とは、オブジェクトの中からプロパティを取り出し、個別の変数として扱えるようにするための便利な構文です。通常、オブジェクトのプロパティにアクセスするには「オブジェクト名.プロパティ名」という形式を使いますが、分割代入を使えば、より簡潔で読みやすい記述が可能になります。ここでは、その基本的な考え方と具体的な使い方を詳しく見ていきましょう。基本構文分割代入では、波括弧 { } の中に取り出したいプロパティ名を列挙し、代入演算子（=）で対象のオブジェ